{
  "summary": {
    "checkedAt": "2026-05-19T06:33:29.947Z",
    "componentsChecked": 38,
    "variantsChecked": 4037,
    "totalFindings": 6515,
    "nonAllowlistedFindings": 2626,
    "allowlistedFindings": 3889,
    "byCategory": {
      "size-drift": 695,
      "padding-drift": 224,
      "gap-drift": 144,
      "opacity-drift": 288,
      "color-token-missing": 1857,
      "size-mode-mismatch": 162,
      "color-token-mismatch": {
        "total": 758,
        "exact": 0,
        "themeAsymmetric": 152,
        "nonEquivalent": 606
      }
    },
    "bySeverity": {
      "blocker": 4344,
      "drift": 2171
    }
  },
  "source": {
    "matchedAudit": "figma-data/normalized/published-vs-code.audit.json",
    "componentIndex": "figma-data/normalized/components-tokenized.index.json",
    "tokenizedDir": "figma-data/normalized/components-tokenized",
    "codeRoots": [
      "src/canonical",
      "src/components"
    ],
    "tokenAliases": "src/design-system/translation/token-aliases.ts",
    "tokenEquivalence": "src/design-system/translation/token-aliases.ts#SEMANTIC_TO_PRIMITIVE_EQUIVALENCE",
    "divergences": "src/design-system/translation/divergences-decisions.json"
  },
  "skipped": [],
  "boundaryNotes": [
    "Current components-tokenized extracts are variant-root centric. Nested subnodes such as Select multi-select chips are not present as first-class nodes, so chip-level findings depend on CSS selector heuristics and cannot be treated as exhaustive.",
    "Selector to variant matching is heuristic. It scores selectors by role words, variant axis values, pseudo-state hints, and family modifiers such as --filled/--line.",
    "Semantic code tokens that resolve to the same hex as primitive Figma tokens are still reported when the token name is not an explicit token-aliases match, because this audit is intended to catch wrong token references.",
    "Dimension checks skip auto, percent, max-content, and unresolved calculated values; these are candidates for future manual review rather than hard findings in this baseline."
  ],
  "findings": [
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimless, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimless, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimless, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimless, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimless, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimless, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimless, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimless, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimless, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimless, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=green, status=loading, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=green, status=loading, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=green, status=loading, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=green, status=loading, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=orange, status=loading, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=orange, status=loading, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=orange, status=loading, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=orange, status=loading, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=red, status=loading, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=red, status=loading, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=red, status=loading, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=red, status=loading, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=rimless, color=gray 1, status=loading, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=rimless, color=gray 1, status=loading, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimless, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimless, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimless, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimless, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimless, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimless, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimless, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimless, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimless, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimless, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimless, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimless, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimless, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimless, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimless, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimless, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimless, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimless, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimless, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimless, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimless, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimless, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimless, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimless, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimless, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimless, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimless, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimless, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimless, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimless, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=green, status=loading, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=green, status=loading, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=green, status=loading, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=green, status=loading, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=orange, status=loading, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=orange, status=loading, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=orange, status=loading, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=orange, status=loading, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=red, status=loading, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=red, status=loading, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=red, status=loading, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=red, status=loading, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=rimless, color=gray 1, status=loading, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=rimless, color=gray 1, status=loading, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimless, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimless, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimless, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimless, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimless, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimless, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimless, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimless, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimless, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimless, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimless, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimless, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimless, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimless, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimless, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimless, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimless, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimless, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimless, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimless, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimless, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimless, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimless, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimless, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimless, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimless, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimless, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimless, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimless, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimless, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=green, status=loading, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=green, status=loading, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=green, status=loading, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=green, status=loading, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=orange, status=loading, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=orange, status=loading, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=orange, status=loading, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=orange, status=loading, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=red, status=loading, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=red, status=loading, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=red, status=loading, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=red, status=loading, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=rimless, color=gray 1, status=loading, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=rimless, color=gray 1, status=loading, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimless, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimless, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimless, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimless, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimless, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimless, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimless, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimless, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimless, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimless, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimless, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimless, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimless, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimless, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimless, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimless, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimless, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimless, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimless, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimless, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimless, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimless, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimless, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimless, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimless, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimless, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimless, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimless, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimless, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimless, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=green, status=loading, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=green, status=loading, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=green, status=loading, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=green, status=loading, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=orange, status=loading, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=orange, status=loading, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=orange, status=loading, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=orange, status=loading, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=red, status=loading, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=red, status=loading, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=red, status=loading, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=red, status=loading, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=rimless, color=gray 1, status=loading, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=rimless, color=gray 1, status=loading, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimless, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimless, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimless, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimless, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimless, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimless, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimless, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimless, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimless, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimless, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimless, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimless, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimless, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimless, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimless, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimless, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimless, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimless, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimless, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimless, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=default, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=default, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=default, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=default, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=disable, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=disable, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=disable, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=disable, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=hover, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=hover, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=default, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=default, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=default, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=default, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=disable, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=disable, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=disable, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=disable, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=hover, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=hover, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=default, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=default, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=default, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=default, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=disable, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=disable, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=disable, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=disable, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=hover, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=hover, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimless, color=gray 1, status=default, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimless, color=gray 1, status=default, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimless, color=gray 1, status=disable, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimless, color=gray 1, status=disable, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimless, color=gray 1, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimless, color=gray 1, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimless, color=gray 1, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimless, color=gray 1, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimless, color=green, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimless, color=green, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=light, style=filling, color=gray 1, status=loading, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=light, style=filling, color=gray 1, status=loading, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=light, style=filling, color=gray 1, status=loading, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=light, style=filling, color=gray 1, status=loading, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=light, style=filling, color=green, status=loading, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=light, style=filling, color=green, status=loading, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=light, style=filling, color=orange, status=loading, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=light, style=filling, color=orange, status=loading, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=light, style=filling, color=red, status=loading, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=light, style=filling, color=red, status=loading, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=light, style=ghost, color=gray 1, status=loading, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=light, style=ghost, color=gray 1, status=loading, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=light, style=rimless, color=gray 1, status=loading, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading button, style=filling, color=gray 1, status=loading, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading button, style=filling, color=gray 1, status=loading, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading button, style=filling, color=gray 1, status=loading, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading button, style=filling, color=gray 1, status=loading, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading button, style=filling, color=green, status=loading, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading button, style=filling, color=green, status=loading, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading button, style=filling, color=orange, status=loading, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading button, style=filling, color=orange, status=loading, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading button, style=filling, color=red, status=loading, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading button, style=filling, color=red, status=loading, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading button, style=ghost, color=gray 1, status=loading, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading button, style=ghost, color=gray 1, status=loading, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading button, style=rimless, color=gray 1, status=loading, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=default, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=default, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=default, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=default, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=disable, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=disable, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=disable, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=disable, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=hover, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=hover, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=default, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=default, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=default, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=default, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=disable, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=disable, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=disable, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=disable, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=hover, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=hover, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=default, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=default, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=default, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=default, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=disable, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=disable, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=disable, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=disable, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=hover, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=hover, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimless, color=gray 1, status=default, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimless, color=gray 1, status=default, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimless, color=gray 1, status=disable, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimless, color=gray 1, status=disable, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimless, color=gray 1, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimless, color=gray 1, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimless, color=gray 1, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimless, color=gray 1, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimless, color=green, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimless, color=green, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=default, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=default, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=default, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=default, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=disable, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=disable, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=disable, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=disable, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=hover, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=hover, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=default, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=default, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=default, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=default, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=disable, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=disable, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=disable, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=disable, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=hover, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=hover, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=default, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=default, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=default, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=default, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=disable, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=disable, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=disable, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=disable, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=hover, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=hover, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimless, color=gray 1, status=default, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimless, color=gray 1, status=default, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimless, color=gray 1, status=disable, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimless, color=gray 1, status=disable, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimless, color=gray 1, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimless, color=gray 1, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimless, color=gray 1, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimless, color=gray 1, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimless, color=green, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimless, color=green, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=default, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=default, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=default, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=default, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=disable, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=disable, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=disable, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=disable, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=hover, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=hover, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=default, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=default, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=default, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=default, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=disable, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=disable, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=disable, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=disable, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=hover, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=hover, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=default, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=default, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=default, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=default, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=disable, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=disable, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=disable, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=disable, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=hover, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=hover, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=hover, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-heading",
        "expectedCodeCssVar": "--text-heading",
        "hex": "#000000",
        "figmaName": "Color Type/Text/Heading & Button"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=hover, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-heading",
        "expectedCodeCssVar": "--text-heading",
        "hex": "#000000",
        "figmaName": "Color Type/Text/Heading & Button"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-heading",
        "expectedCodeCssVar": "--text-heading",
        "hex": "#000000",
        "figmaName": "Color Type/Text/Heading & Button"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-heading",
        "expectedCodeCssVar": "--text-heading",
        "hex": "#000000",
        "figmaName": "Color Type/Text/Heading & Button"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimeless, color=gray 1, status=default, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimeless, color=gray 1, status=default, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimeless, color=gray 1, status=disable, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimeless, color=gray 1, status=disable, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimeless, color=gray 1, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimeless, color=gray 1, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimeless, color=gray 1, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimeless, color=gray 1, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimeless, color=green, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimeless, color=green, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimeless, color=orange, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-heading",
        "expectedCodeCssVar": "--text-heading",
        "hex": "#000000",
        "figmaName": "Color Type/Text/Heading & Button"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimeless, color=orange, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-heading",
        "expectedCodeCssVar": "--text-heading",
        "hex": "#000000",
        "figmaName": "Color Type/Text/Heading & Button"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=green, status=loading, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=green, status=loading, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=green, status=loading, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=green, status=loading, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=orange, status=loading, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=orange, status=loading, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=orange, status=loading, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=orange, status=loading, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=red, status=loading, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=red, status=loading, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=red, status=loading, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=red, status=loading, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=rimeless, color=gray 1, status=loading, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=rimeless, color=gray 1, status=loading, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-grey-dis",
        "expectedCodeCssVar": "--text-grey-dis",
        "hex": "#9e9e9e",
        "figmaName": "Color Type/Text/Disable Grey Button"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-grey-dis",
        "expectedCodeCssVar": "--text-grey-dis",
        "hex": "#9e9e9e",
        "figmaName": "Color Type/Text/Disable Grey Button"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=default, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=default, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=default, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=default, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=disable, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=disable, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=disable, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=disable, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=hover, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=hover, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=default, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=default, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=default, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=default, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=disable, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=disable, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=disable, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=disable, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=hover, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=hover, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=default, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=default, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=default, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=default, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=disable, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=disable, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=disable, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=disable, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=hover, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=hover, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-grey-dis",
        "expectedCodeCssVar": "--text-grey-dis",
        "hex": "#9e9e9e",
        "figmaName": "Color Type/Text/Disable Grey Button"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-grey-dis",
        "expectedCodeCssVar": "--text-grey-dis",
        "hex": "#9e9e9e",
        "figmaName": "Color Type/Text/Disable Grey Button"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=hover, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-heading",
        "expectedCodeCssVar": "--text-heading",
        "hex": "#000000",
        "figmaName": "Color Type/Text/Heading & Button"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=hover, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-heading",
        "expectedCodeCssVar": "--text-heading",
        "hex": "#000000",
        "figmaName": "Color Type/Text/Heading & Button"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-heading",
        "expectedCodeCssVar": "--text-heading",
        "hex": "#000000",
        "figmaName": "Color Type/Text/Heading & Button"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-heading",
        "expectedCodeCssVar": "--text-heading",
        "hex": "#000000",
        "figmaName": "Color Type/Text/Heading & Button"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimeless, color=gray 1, status=default, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimeless, color=gray 1, status=default, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimeless, color=gray 1, status=disable, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimeless, color=gray 1, status=disable, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimeless, color=gray 1, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimeless, color=gray 1, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimeless, color=gray 1, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimeless, color=gray 1, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimeless, color=green, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimeless, color=green, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimeless, color=orange, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-heading",
        "expectedCodeCssVar": "--text-heading",
        "hex": "#000000",
        "figmaName": "Color Type/Text/Heading & Button"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimeless, color=orange, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-heading",
        "expectedCodeCssVar": "--text-heading",
        "hex": "#000000",
        "figmaName": "Color Type/Text/Heading & Button"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=default, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=default, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=default, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=default, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=disable, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=disable, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=disable, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=disable, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=hover, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=hover, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=default, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=default, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=default, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=default, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=disable, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=disable, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=disable, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=disable, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=hover, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=hover, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=default, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=default, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=default, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=default, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=disable, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=disable, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=disable, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=disable, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=hover, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=hover, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=hover, Radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-heading",
        "expectedCodeCssVar": "--text-heading",
        "hex": "#000000",
        "figmaName": "Color Type/Text/Heading & Button"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=hover, Radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-heading",
        "expectedCodeCssVar": "--text-heading",
        "hex": "#000000",
        "figmaName": "Color Type/Text/Heading & Button"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-heading",
        "expectedCodeCssVar": "--text-heading",
        "hex": "#000000",
        "figmaName": "Color Type/Text/Heading & Button"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-heading",
        "expectedCodeCssVar": "--text-heading",
        "hex": "#000000",
        "figmaName": "Color Type/Text/Heading & Button"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimeless, color=gray 1, status=default, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimeless, color=gray 1, status=default, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimeless, color=gray 1, status=disable, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimeless, color=gray 1, status=disable, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimeless, color=gray 1, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimeless, color=gray 1, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimeless, color=gray 1, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimeless, color=gray 1, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimeless, color=green, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimeless, color=green, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimeless, color=orange, status=hover, Radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-heading",
        "expectedCodeCssVar": "--text-heading",
        "hex": "#000000",
        "figmaName": "Color Type/Text/Heading & Button"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimeless, color=orange, status=hover, Radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-heading",
        "expectedCodeCssVar": "--text-heading",
        "hex": "#000000",
        "figmaName": "Color Type/Text/Heading & Button"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimeless, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimeless, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimeless, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimeless, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimeless, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimeless, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimeless, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimeless, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimeless, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimeless, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=green, status=loading, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=green, status=loading, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=green, status=loading, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=green, status=loading, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=orange, status=loading, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=orange, status=loading, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=orange, status=loading, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=orange, status=loading, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=red, status=loading, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=red, status=loading, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=red, status=loading, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=red, status=loading, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=rimeless, color=gray 1, status=loading, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=rimeless, color=gray 1, status=loading, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimeless, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimeless, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimeless, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimeless, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimeless, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimeless, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimeless, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimeless, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimeless, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimeless, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimeless, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimeless, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimeless, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimeless, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimeless, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimeless, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimeless, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimeless, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimeless, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimeless, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=orange, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=red, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimeless, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimeless, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimeless, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimeless, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimeless, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimeless, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimeless, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimeless, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimeless, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=rimeless, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=gray 1, status=loading, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=green, status=loading, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=green, status=loading, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=green, status=loading, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=green, status=loading, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=orange, status=loading, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=orange, status=loading, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=orange, status=loading, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=orange, status=loading, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=red, status=loading, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=red, status=loading, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=red, status=loading, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=filling, color=red, status=loading, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=rimeless, color=gray 1, status=loading, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=rimeless, color=gray 1, status=loading, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=red, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimeless, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimeless, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimeless, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimeless, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimeless, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimeless, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimeless, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimeless, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimeless, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=rimeless, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=orange, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, radius=round, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, radius=round, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimeless, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimeless, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimeless, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimeless, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimeless, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimeless, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimeless, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimeless, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-9",
        "expectedCodeCssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimeless, color=green, status=hover, radius=square, fixed width=no",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=rimeless, color=green, status=hover, radius=square, fixed width=yes",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--btn-bg",
        "value": "var(--btn-bg)",
        "resolvedHex": {
          "--btn-bg": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/url link",
      "codePath": "src/components/Button/Button.vue",
      "variant": "dark theme=off, status=default",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--blue",
        "expectedCodeCssVar": "--blue",
        "hex": "#3892f3",
        "figmaName": "UX/Blue/Default"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "light": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/url link",
      "codePath": "src/components/Button/Button.vue",
      "variant": "dark theme=off, status=hover",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--blue-hover",
        "expectedCodeCssVar": "--blue-hover",
        "hex": "#118dfb",
        "figmaName": "UX/Blue/Hover 1"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "light": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/url link",
      "codePath": "src/components/Button/Button.vue",
      "variant": "dark theme=on, status=default",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--blue",
        "expectedCodeCssVar": "--blue",
        "hex": "#3892f3",
        "figmaName": "UX/Blue/Default"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/url link",
      "codePath": "src/components/Button/Button.vue",
      "variant": "dark theme=on, status=hover",
      "selector": ".btn",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--blue-hover",
        "expectedCodeCssVar": "--blue-hover",
        "hex": "#62a9f6",
        "figmaName": "UX/Blue/Hover 1"
      },
      "code": {
        "cssVar": "--btn-color",
        "value": "var(--btn-color)",
        "resolvedHex": {
          "--btn-color": {
            "dark": null
          }
        },
        "sourcePath": "src/components/Button/Button.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Drop down List/Cascading",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Dark Theme=on, Type=Multi",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "dark": "#2fb54e"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Cascading",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Dark Theme=off, Type=Multi",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 480
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 240,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Cascading",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Dark Theme=off, Type=Multi",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 160
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 146,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Cascading",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Dark Theme=off, Type=Radio",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 480
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 240,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Cascading",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Dark Theme=off, Type=Radio",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 160
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 146,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Cascading",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Dark Theme=on, Type=Multi",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 482
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 242,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Cascading",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Dark Theme=on, Type=Multi",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 160
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 146,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Cascading",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Dark Theme=on, Type=Radio",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 482
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 242,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Cascading",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Dark Theme=on, Type=Radio",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 160
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 146,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Multi, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "dark": "#2fb54e"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Multi, Is Parent=No, Checked=No, Active=No, Disabled=Yes, Hover=No",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-disabled",
        "expectedCodeCssVar": "--text-disabled",
        "hex": "#595959",
        "figmaName": "Color Type/Text/Disable"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Multi, Is Parent=No, Checked=Yes, Active=No, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "dark": "#2fb54e"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Multi, Is Parent=No, Checked=Yes, Active=No, Disabled=Yes, Hover=No",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-disabled",
        "expectedCodeCssVar": "--text-disabled",
        "hex": "#595959",
        "figmaName": "Color Type/Text/Disable"
      },
      "code": {
        "cssVar": "--text-primary-btn",
        "value": "var(--text-primary-btn)",
        "resolvedHex": {
          "--text-primary-btn": {
            "dark": "#ffffff"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Multi, Is Parent=No, Checked=Yes, Active=No, Disabled=Yes, Hover=Yes",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "dark": "#2fb54e"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Multi, Is Parent=No, Checked=Yes, Active=No, Disabled=Yes, Hover=Yes",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-disabled",
        "expectedCodeCssVar": "--text-disabled",
        "hex": "#595959",
        "figmaName": "Color Type/Text/Disable"
      },
      "code": {
        "cssVar": "--text-primary-btn",
        "value": "var(--text-primary-btn)",
        "resolvedHex": {
          "--text-primary-btn": {
            "dark": "#ffffff"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Multi, Is Parent=No, Checked=Yes, Active=Yes, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "dark": "#2fb54e"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Multi, Is Parent=Yes, Checked=No, Active=No, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "dark": "#2fb54e"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Multi, Is Parent=Yes, Checked=No, Active=No, Disabled=Yes, Hover=No",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-disabled",
        "expectedCodeCssVar": "--text-disabled",
        "hex": "#595959",
        "figmaName": "Color Type/Text/Disable"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Multi, Is Parent=Yes, Checked=Yes, Active=No, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "dark": "#2fb54e"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Multi, Is Parent=Yes, Checked=Yes, Active=No, Disabled=Yes, Hover=No",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-disabled",
        "expectedCodeCssVar": "--text-disabled",
        "hex": "#595959",
        "figmaName": "Color Type/Text/Disable"
      },
      "code": {
        "cssVar": "--text-primary-btn",
        "value": "var(--text-primary-btn)",
        "resolvedHex": {
          "--text-primary-btn": {
            "dark": "#ffffff"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Multi, Is Parent=Yes, Checked=Yes, Active=Yes, Disabled=No, Hover=No",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "dark": "#2fb54e"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Multi, Is Parent=Yes, Checked=Yes, Active=Yes, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "dark": "#2fb54e"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Radio, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "dark": "#2fb54e"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Radio, Is Parent=No, Checked=No, Active=No, Disabled=Yes, Hover=No",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-disabled",
        "expectedCodeCssVar": "--text-disabled",
        "hex": "#595959",
        "figmaName": "Color Type/Text/Disable"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Radio, Is Parent=No, Checked=No, Active=No, Disabled=Yes, Hover=Yes",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "dark": "#2fb54e"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Radio, Is Parent=No, Checked=No, Active=No, Disabled=Yes, Hover=Yes",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-disabled",
        "expectedCodeCssVar": "--text-disabled",
        "hex": "#595959",
        "figmaName": "Color Type/Text/Disable"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Radio, Is Parent=No, Checked=Yes, Active=No, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "dark": "#2fb54e"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Radio, Is Parent=No, Checked=Yes, Active=No, Disabled=Yes, Hover=No",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-heading",
        "expectedCodeCssVar": "--text-heading",
        "hex": "#000000",
        "figmaName": "Color Type/Text/Heading & Button"
      },
      "code": {
        "cssVar": "--text-primary-btn",
        "value": "var(--text-primary-btn)",
        "resolvedHex": {
          "--text-primary-btn": {
            "dark": "#ffffff"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Radio, Is Parent=Yes, Checked=No, Active=No, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "dark": "#2fb54e"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Radio, Is Parent=Yes, Checked=No, Active=No, Disabled=Yes, Hover=No",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-disabled",
        "expectedCodeCssVar": "--text-disabled",
        "hex": "#595959",
        "figmaName": "Color Type/Text/Disable"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Radio, Is Parent=Yes, Checked=Yes, Active=No, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "dark": "#2fb54e"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Radio, Is Parent=Yes, Checked=Yes, Active=No, Disabled=Yes, Hover=No",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-heading",
        "expectedCodeCssVar": "--text-heading",
        "hex": "#000000",
        "figmaName": "Color Type/Text/Heading & Button"
      },
      "code": {
        "cssVar": "--text-primary-btn",
        "value": "var(--text-primary-btn)",
        "resolvedHex": {
          "--text-primary-btn": {
            "dark": "#ffffff"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Radio, Is Parent=Yes, Checked=Yes, Active=Yes, Disabled=No, Hover=No",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "dark": "#2fb54e"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Selected, Is Parent=Yes, Checked=Yes, Active=No, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "dark": "#2fb54e"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Selected, Is Parent=Yes, Checked=Yes, Active=No, Disabled=Yes, Hover=No",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-heading",
        "expectedCodeCssVar": "--text-heading",
        "hex": "#000000",
        "figmaName": "Color Type/Text/Heading & Button"
      },
      "code": {
        "cssVar": "--text-primary-btn",
        "value": "var(--text-primary-btn)",
        "resolvedHex": {
          "--text-primary-btn": {
            "dark": "#ffffff"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Drop down List, Type=Operation, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "dark": "#2fb54e"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Drop down List, Type=Operation, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "dark": "#2fb54e"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Drop down List, Type=Operation, Is Parent=No, Checked=No, Active=No, Disabled=Yes, Hover=No",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-disabled",
        "expectedCodeCssVar": "--text-disabled",
        "hex": "#595959",
        "figmaName": "Color Type/Text/Disable"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Drop down List, Type=Operation, Is Parent=No, Checked=No, Active=No, Disabled=Yes, Hover=No",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-disabled",
        "expectedCodeCssVar": "--text-disabled",
        "hex": "#cccccc",
        "figmaName": "Color Type/Text/Disable"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Drop down List, Type=Operation, Is Parent=No, Checked=Yes, Active=No, Disabled=No, Hover=No",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "dark": "#2fb54e"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Drop down List, Type=Operation, Is Parent=No, Checked=Yes, Active=No, Disabled=No, Hover=No",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "dark": "#2fb54e"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Drop down List, Type=Operation, Is Parent=No, Checked=Yes, Active=Yes, Disabled=No, Hover=No",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "dark": "#2fb54e"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Drop down List, Type=Operation, Is Parent=No, Checked=Yes, Active=Yes, Disabled=No, Hover=No",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "dark": "#2fb54e"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Drop down List, Type=Operation, Is Parent=No, Checked=Yes, Active=Yes, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#0b2b13",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "dark": "#2fb54e"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Drop down List, Type=Operation, Is Parent=No, Checked=Yes, Active=Yes, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--brand-hover",
        "expectedCodeCssVar": "--brand-hover",
        "hex": "#41c760",
        "figmaName": "UX/Brand/Hover"
      },
      "code": {
        "cssVar": "--text-primary-btn",
        "value": "var(--text-primary-btn)",
        "resolvedHex": {
          "--text-primary-btn": {
            "dark": "#ffffff"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Drop down List, Type=Operation, Is Parent=No, Checked=Yes, Active=Yes, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "dark": "#2fb54e"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Drop down List, Type=Operation, Is Parent=No, Checked=Yes, Active=Yes, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--brand-hover",
        "expectedCodeCssVar": "--brand-hover",
        "hex": "#00ac39",
        "figmaName": "UX/Brand/Hover"
      },
      "code": {
        "cssVar": "--text-primary-btn",
        "value": "var(--text-primary-btn)",
        "resolvedHex": {
          "--text-primary-btn": {
            "dark": "#ffffff"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Multi, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "light": "#299f45"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Multi, Is Parent=No, Checked=No, Active=No, Disabled=Yes, Hover=No",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-disabled",
        "expectedCodeCssVar": "--text-disabled",
        "hex": "#cccccc",
        "figmaName": "Color Type/Text/Disable"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Multi, Is Parent=No, Checked=Yes, Active=No, Disabled=No, Hover=No",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-primary-btn",
        "value": "var(--text-primary-btn)",
        "resolvedHex": {
          "--text-primary-btn": {
            "light": "#ffffff"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Multi, Is Parent=No, Checked=Yes, Active=No, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "light": "#299f45"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Multi, Is Parent=No, Checked=Yes, Active=No, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-primary-btn",
        "value": "var(--text-primary-btn)",
        "resolvedHex": {
          "--text-primary-btn": {
            "light": "#ffffff"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Multi, Is Parent=No, Checked=Yes, Active=No, Disabled=Yes, Hover=No",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-disabled",
        "expectedCodeCssVar": "--text-disabled",
        "hex": "#cccccc",
        "figmaName": "Color Type/Text/Disable"
      },
      "code": {
        "cssVar": "--text-primary-btn",
        "value": "var(--text-primary-btn)",
        "resolvedHex": {
          "--text-primary-btn": {
            "light": "#ffffff"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Multi, Is Parent=No, Checked=Yes, Active=No, Disabled=Yes, Hover=Yes",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "light": "#299f45"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Multi, Is Parent=No, Checked=Yes, Active=No, Disabled=Yes, Hover=Yes",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-disabled",
        "expectedCodeCssVar": "--text-disabled",
        "hex": "#cccccc",
        "figmaName": "Color Type/Text/Disable"
      },
      "code": {
        "cssVar": "--text-primary-btn",
        "value": "var(--text-primary-btn)",
        "resolvedHex": {
          "--text-primary-btn": {
            "light": "#ffffff"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Multi, Is Parent=No, Checked=Yes, Active=Yes, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "light": "#299f45"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Multi, Is Parent=Yes, Checked=No, Active=No, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "light": "#299f45"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Multi, Is Parent=Yes, Checked=No, Active=No, Disabled=Yes, Hover=No",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-disabled",
        "expectedCodeCssVar": "--text-disabled",
        "hex": "#cccccc",
        "figmaName": "Color Type/Text/Disable"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Multi, Is Parent=Yes, Checked=Yes, Active=No, Disabled=No, Hover=No",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-primary-btn",
        "value": "var(--text-primary-btn)",
        "resolvedHex": {
          "--text-primary-btn": {
            "light": "#ffffff"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Multi, Is Parent=Yes, Checked=Yes, Active=No, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "light": "#299f45"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Multi, Is Parent=Yes, Checked=Yes, Active=No, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-primary-btn",
        "value": "var(--text-primary-btn)",
        "resolvedHex": {
          "--text-primary-btn": {
            "light": "#ffffff"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Multi, Is Parent=Yes, Checked=Yes, Active=No, Disabled=Yes, Hover=No",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-disabled",
        "expectedCodeCssVar": "--text-disabled",
        "hex": "#cccccc",
        "figmaName": "Color Type/Text/Disable"
      },
      "code": {
        "cssVar": "--text-primary-btn",
        "value": "var(--text-primary-btn)",
        "resolvedHex": {
          "--text-primary-btn": {
            "light": "#ffffff"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Multi, Is Parent=Yes, Checked=Yes, Active=Yes, Disabled=No, Hover=No",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "light": "#299f45"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Multi, Is Parent=Yes, Checked=Yes, Active=Yes, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "light": "#299f45"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Radio, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "light": "#299f45"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Radio, Is Parent=No, Checked=No, Active=No, Disabled=Yes, Hover=No",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-disabled",
        "expectedCodeCssVar": "--text-disabled",
        "hex": "#cccccc",
        "figmaName": "Color Type/Text/Disable"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Radio, Is Parent=No, Checked=No, Active=No, Disabled=Yes, Hover=Yes",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "light": "#299f45"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Radio, Is Parent=No, Checked=No, Active=No, Disabled=Yes, Hover=Yes",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-disabled",
        "expectedCodeCssVar": "--text-disabled",
        "hex": "#cccccc",
        "figmaName": "Color Type/Text/Disable"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Radio, Is Parent=No, Checked=Yes, Active=No, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "light": "#299f45"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Radio, Is Parent=No, Checked=Yes, Active=No, Disabled=Yes, Hover=No",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-heading",
        "expectedCodeCssVar": "--text-heading",
        "hex": "#ffffff",
        "figmaName": "Color Type/Text/Heading & Button"
      },
      "code": {
        "cssVar": "--text-primary-btn",
        "value": "var(--text-primary-btn)",
        "resolvedHex": {
          "--text-primary-btn": {
            "light": "#ffffff"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Radio, Is Parent=Yes, Checked=No, Active=No, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "light": "#299f45"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Radio, Is Parent=Yes, Checked=No, Active=No, Disabled=Yes, Hover=No",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-disabled",
        "expectedCodeCssVar": "--text-disabled",
        "hex": "#cccccc",
        "figmaName": "Color Type/Text/Disable"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Radio, Is Parent=Yes, Checked=Yes, Active=No, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "light": "#299f45"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Radio, Is Parent=Yes, Checked=Yes, Active=No, Disabled=Yes, Hover=No",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--brand-disable",
        "expectedCodeCssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": {
        "cssVar": "--text-primary-btn",
        "value": "var(--text-primary-btn)",
        "resolvedHex": {
          "--text-primary-btn": {
            "light": "#ffffff"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Radio, Is Parent=Yes, Checked=Yes, Active=Yes, Disabled=No, Hover=No",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "light": "#299f45"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Selected, Is Parent=Yes, Checked=Yes, Active=No, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "expectedCodeCssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "light": "#299f45"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Selected, Is Parent=Yes, Checked=Yes, Active=No, Disabled=Yes, Hover=No",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-heading",
        "expectedCodeCssVar": "--text-heading",
        "hex": "#ffffff",
        "figmaName": "Color Type/Text/Heading & Button"
      },
      "code": {
        "cssVar": "--text-primary-btn",
        "value": "var(--text-primary-btn)",
        "resolvedHex": {
          "--text-primary-btn": {
            "light": "#ffffff"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Multi, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Multi, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Multi, Is Parent=No, Checked=No, Active=No, Disabled=Yes, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Multi, Is Parent=No, Checked=Yes, Active=No, Disabled=No, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Multi, Is Parent=No, Checked=Yes, Active=No, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Multi, Is Parent=No, Checked=Yes, Active=No, Disabled=Yes, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Multi, Is Parent=No, Checked=Yes, Active=No, Disabled=Yes, Hover=Yes",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Multi, Is Parent=No, Checked=Yes, Active=Yes, Disabled=No, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Multi, Is Parent=No, Checked=Yes, Active=Yes, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Multi, Is Parent=Yes, Checked=No, Active=No, Disabled=No, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Multi, Is Parent=Yes, Checked=No, Active=No, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Multi, Is Parent=Yes, Checked=No, Active=No, Disabled=Yes, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Multi, Is Parent=Yes, Checked=Yes, Active=No, Disabled=No, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Multi, Is Parent=Yes, Checked=Yes, Active=No, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Multi, Is Parent=Yes, Checked=Yes, Active=No, Disabled=Yes, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Multi, Is Parent=Yes, Checked=Yes, Active=Yes, Disabled=No, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Multi, Is Parent=Yes, Checked=Yes, Active=Yes, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Radio, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Radio, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Radio, Is Parent=No, Checked=No, Active=No, Disabled=Yes, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Radio, Is Parent=No, Checked=No, Active=No, Disabled=Yes, Hover=Yes",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Radio, Is Parent=No, Checked=Yes, Active=No, Disabled=No, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Radio, Is Parent=No, Checked=Yes, Active=No, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Radio, Is Parent=No, Checked=Yes, Active=No, Disabled=Yes, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Radio, Is Parent=Yes, Checked=No, Active=No, Disabled=No, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Radio, Is Parent=Yes, Checked=No, Active=No, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Radio, Is Parent=Yes, Checked=No, Active=No, Disabled=Yes, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Radio, Is Parent=Yes, Checked=Yes, Active=No, Disabled=No, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Radio, Is Parent=Yes, Checked=Yes, Active=No, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Radio, Is Parent=Yes, Checked=Yes, Active=No, Disabled=Yes, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Radio, Is Parent=Yes, Checked=Yes, Active=Yes, Disabled=No, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Selected, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Selected, Is Parent=Yes, Checked=Yes, Active=No, Disabled=No, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Selected, Is Parent=Yes, Checked=Yes, Active=No, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Dark, Type=Selected, Is Parent=Yes, Checked=Yes, Active=No, Disabled=Yes, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Drop down List, Type=Operation, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=No",
      "selector": ".dropdown-select--operation-list",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "200px",
        "px": 200,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 40,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Drop down List, Type=Operation, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Drop down List, Type=Operation, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=No",
      "selector": ".dropdown-select--operation-list",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "200px",
        "px": 200,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 40,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Drop down List, Type=Operation, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Drop down List, Type=Operation, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=Yes",
      "selector": ".dropdown-select--operation-list",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "200px",
        "px": 200,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 40,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Drop down List, Type=Operation, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Drop down List, Type=Operation, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=Yes",
      "selector": ".dropdown-select--operation-list",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "200px",
        "px": 200,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 40,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Drop down List, Type=Operation, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Drop down List, Type=Operation, Is Parent=No, Checked=No, Active=No, Disabled=Yes, Hover=No",
      "selector": ".dropdown-select--operation-list",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "200px",
        "px": 200,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 40,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Drop down List, Type=Operation, Is Parent=No, Checked=No, Active=No, Disabled=Yes, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Drop down List, Type=Operation, Is Parent=No, Checked=No, Active=No, Disabled=Yes, Hover=No",
      "selector": ".dropdown-select--operation-list",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "200px",
        "px": 200,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 40,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Drop down List, Type=Operation, Is Parent=No, Checked=No, Active=No, Disabled=Yes, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Drop down List, Type=Operation, Is Parent=No, Checked=Yes, Active=No, Disabled=No, Hover=No",
      "selector": ".dropdown-select--operation-list",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "200px",
        "px": 200,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 40,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Drop down List, Type=Operation, Is Parent=No, Checked=Yes, Active=No, Disabled=No, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Drop down List, Type=Operation, Is Parent=No, Checked=Yes, Active=No, Disabled=No, Hover=No",
      "selector": ".dropdown-select--operation-list",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "200px",
        "px": 200,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 40,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Drop down List, Type=Operation, Is Parent=No, Checked=Yes, Active=No, Disabled=No, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Drop down List, Type=Operation, Is Parent=No, Checked=Yes, Active=Yes, Disabled=No, Hover=No",
      "selector": ".dropdown-select--operation-list",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "200px",
        "px": 200,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 40,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Drop down List, Type=Operation, Is Parent=No, Checked=Yes, Active=Yes, Disabled=No, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Drop down List, Type=Operation, Is Parent=No, Checked=Yes, Active=Yes, Disabled=No, Hover=No",
      "selector": ".dropdown-select--operation-list",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "200px",
        "px": 200,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 40,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Drop down List, Type=Operation, Is Parent=No, Checked=Yes, Active=Yes, Disabled=No, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Drop down List, Type=Operation, Is Parent=No, Checked=Yes, Active=Yes, Disabled=No, Hover=Yes",
      "selector": ".dropdown-select--operation-list",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "200px",
        "px": 200,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 40,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Drop down List, Type=Operation, Is Parent=No, Checked=Yes, Active=Yes, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Drop down List, Type=Operation, Is Parent=No, Checked=Yes, Active=Yes, Disabled=No, Hover=Yes",
      "selector": ".dropdown-select--operation-list",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "200px",
        "px": 200,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 40,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Drop down List, Type=Operation, Is Parent=No, Checked=Yes, Active=Yes, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Multi, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Multi, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Multi, Is Parent=No, Checked=No, Active=No, Disabled=Yes, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Multi, Is Parent=No, Checked=Yes, Active=No, Disabled=No, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Multi, Is Parent=No, Checked=Yes, Active=No, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Multi, Is Parent=No, Checked=Yes, Active=No, Disabled=Yes, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Multi, Is Parent=No, Checked=Yes, Active=No, Disabled=Yes, Hover=Yes",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Multi, Is Parent=No, Checked=Yes, Active=Yes, Disabled=No, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Multi, Is Parent=No, Checked=Yes, Active=Yes, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Multi, Is Parent=Yes, Checked=No, Active=No, Disabled=No, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Multi, Is Parent=Yes, Checked=No, Active=No, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Multi, Is Parent=Yes, Checked=No, Active=No, Disabled=Yes, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Multi, Is Parent=Yes, Checked=Yes, Active=No, Disabled=No, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Multi, Is Parent=Yes, Checked=Yes, Active=No, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Multi, Is Parent=Yes, Checked=Yes, Active=No, Disabled=Yes, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Multi, Is Parent=Yes, Checked=Yes, Active=Yes, Disabled=No, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Multi, Is Parent=Yes, Checked=Yes, Active=Yes, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Radio, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Radio, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Radio, Is Parent=No, Checked=No, Active=No, Disabled=Yes, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Radio, Is Parent=No, Checked=No, Active=No, Disabled=Yes, Hover=Yes",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Radio, Is Parent=No, Checked=Yes, Active=No, Disabled=No, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Radio, Is Parent=No, Checked=Yes, Active=No, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Radio, Is Parent=No, Checked=Yes, Active=No, Disabled=Yes, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Radio, Is Parent=No, Checked=Yes, Active=Yes, Disabled=No, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Radio, Is Parent=Yes, Checked=No, Active=No, Disabled=No, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Radio, Is Parent=Yes, Checked=No, Active=No, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Radio, Is Parent=Yes, Checked=No, Active=No, Disabled=Yes, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Radio, Is Parent=Yes, Checked=Yes, Active=No, Disabled=No, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Radio, Is Parent=Yes, Checked=Yes, Active=No, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Radio, Is Parent=Yes, Checked=Yes, Active=No, Disabled=Yes, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Radio, Is Parent=Yes, Checked=Yes, Active=Yes, Disabled=No, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Selected, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Selected, Is Parent=Yes, Checked=Yes, Active=No, Disabled=No, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Selected, Is Parent=Yes, Checked=Yes, Active=No, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Selected, Is Parent=Yes, Checked=Yes, Active=No, Disabled=Yes, Hover=No",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Select",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Dark Theme=off, Type=Multi",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Select",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Dark Theme=off, Type=Operation List",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Select",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Dark Theme=off, Type=Radio",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Select",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Dark Theme=off, Type=Sort By",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "light": "#299f45"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Select",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Dark Theme=on, Type=Multi",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "dark": "#2fb54e"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Select",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Dark Theme=on, Type=Multi",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Select",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Dark Theme=on, Type=Operation List",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "dark": "#2fb54e"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Select",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Dark Theme=on, Type=Operation List",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Select",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Dark Theme=on, Type=Radio",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "dark": "#2fb54e"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Select",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Dark Theme=on, Type=Radio",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Select",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Dark Theme=on, Type=Sort By",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "dark": "#2fb54e"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Select",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Dark Theme=off, Type=Multi",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 128
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 114,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Select",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Dark Theme=off, Type=Operation List",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 128
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 114,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Select",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Dark Theme=off, Type=Radio",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 128
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 114,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Select",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Dark Theme=off, Type=Sort By",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 160
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 146,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Select",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Dark Theme=on, Type=Multi",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 128
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 114,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Select",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Dark Theme=on, Type=Operation List",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 128
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 114,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Select",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Dark Theme=on, Type=Radio",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 128
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 114,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Select",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Dark Theme=on, Type=Sort By",
      "selector": ".dropdown-item__check",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 160
      },
      "code": {
        "value": "14px",
        "px": 14,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 146,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=L, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=M, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=XL, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=XL, feature=text count",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=L, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-2",
        "expectedCodeCssVar": "--text-2",
        "hex": "#444444",
        "figmaName": null
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=yes",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=M, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=M, feature=yes",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=XL, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=XL, feature=text count",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=yes",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=M, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=M, feature=yes",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=XL, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=XL, feature=text count",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=yes",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=M, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=M, feature=yes",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=XL, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=XL, feature=text count",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=yes",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=M, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=M, feature=yes",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=XL, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=XL, feature=text count",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=M, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-disabled",
        "expectedCodeCssVar": "--text-disabled",
        "hex": "#595959",
        "figmaName": "Color Type/Text/Disable"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=L, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=L, feature=yes",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=M, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-placeholder",
        "expectedCodeCssVar": "--text-placeholder",
        "hex": "#7b7b7b",
        "figmaName": "Color Type/Text/Placeholder & Button"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=M, feature=yes",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-placeholder",
        "expectedCodeCssVar": "--text-placeholder",
        "hex": "#7b7b7b",
        "figmaName": "Color Type/Text/Placeholder & Button"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=XL, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=XL, feature=text count",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=yes",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=M, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-placeholder",
        "expectedCodeCssVar": "--text-placeholder",
        "hex": "#7b7b7b",
        "figmaName": "Color Type/Text/Placeholder & Button"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=M, feature=yes",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-placeholder",
        "expectedCodeCssVar": "--text-placeholder",
        "hex": "#7b7b7b",
        "figmaName": "Color Type/Text/Placeholder & Button"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=XL, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=XL, feature=text count",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=yes",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=M, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-placeholder",
        "expectedCodeCssVar": "--text-placeholder",
        "hex": "#7b7b7b",
        "figmaName": "Color Type/Text/Placeholder & Button"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=M, feature=yes",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-placeholder",
        "expectedCodeCssVar": "--text-placeholder",
        "hex": "#7b7b7b",
        "figmaName": "Color Type/Text/Placeholder & Button"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=XL, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=XL, feature=text count",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=yes",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=M, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-placeholder",
        "expectedCodeCssVar": "--text-placeholder",
        "hex": "#7b7b7b",
        "figmaName": "Color Type/Text/Placeholder & Button"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=M, feature=yes",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-placeholder",
        "expectedCodeCssVar": "--text-placeholder",
        "hex": "#7b7b7b",
        "figmaName": "Color Type/Text/Placeholder & Button"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=XL, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=XL, feature=text count",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=yes",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=M, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-body",
        "expectedCodeCssVar": "--text-body",
        "hex": "#f8f8f8",
        "figmaName": "Color Type/Text/Text_1"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=M, feature=yes",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-body",
        "expectedCodeCssVar": "--text-body",
        "hex": "#f8f8f8",
        "figmaName": "Color Type/Text/Text_1"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=XL, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=XL, feature=text count",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=yes",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=M, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-body",
        "expectedCodeCssVar": "--text-body",
        "hex": "#f8f8f8",
        "figmaName": "Color Type/Text/Text_1"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=M, feature=yes",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-body",
        "expectedCodeCssVar": "--text-body",
        "hex": "#f8f8f8",
        "figmaName": "Color Type/Text/Text_1"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=XL, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=XL, feature=text count",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=yes",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=M, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-body",
        "expectedCodeCssVar": "--text-body",
        "hex": "#f8f8f8",
        "figmaName": "Color Type/Text/Text_1"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=M, feature=yes",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-body",
        "expectedCodeCssVar": "--text-body",
        "hex": "#f8f8f8",
        "figmaName": "Color Type/Text/Text_1"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=XL, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=XL, feature=text count",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=yes",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=M, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-body",
        "expectedCodeCssVar": "--text-body",
        "hex": "#f8f8f8",
        "figmaName": "Color Type/Text/Text_1"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=M, feature=yes",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--text-body",
        "expectedCodeCssVar": "--text-body",
        "hex": "#f8f8f8",
        "figmaName": "Color Type/Text/Text_1"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=XL, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=XL, feature=text count",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=L, feature=no",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=M, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=XL, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=XL, feature=text count",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=L, feature=no",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=L, feature=yes",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=M, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=M, feature=yes",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=XL, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=XL, feature=text count",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=no",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=yes",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=M, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=M, feature=yes",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=XL, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=XL, feature=text count",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=no",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=yes",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=M, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=M, feature=yes",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=XL, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=XL, feature=text count",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=no",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=yes",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=M, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=M, feature=yes",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=XL, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=XL, feature=text count",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=L, feature=no",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=M, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=XL, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=XL, feature=text count",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=no",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=yes",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=M, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=M, feature=yes",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=XL, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=XL, feature=text count",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=no",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=yes",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=M, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=M, feature=yes",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=XL, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=XL, feature=text count",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=no",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=yes",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=M, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=M, feature=yes",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=XL, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=XL, feature=text count",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=no",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=yes",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=M, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=M, feature=yes",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=XL, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=XL, feature=text count",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=L, feature=no",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=M, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=XL, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=XL, feature=text count",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=L, feature=no",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=L, feature=yes",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=M, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=M, feature=yes",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=XL, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=XL, feature=text count",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=no",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=yes",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=M, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=M, feature=yes",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=XL, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=XL, feature=text count",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=no",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=yes",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=M, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=M, feature=yes",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=XL, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=XL, feature=text count",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=no",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=yes",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=M, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=M, feature=yes",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=XL, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=XL, feature=text count",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=L, feature=no",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=M, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=XL, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=XL, feature=text count",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=no",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=yes",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=M, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=M, feature=yes",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=XL, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=XL, feature=text count",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=no",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=yes",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=M, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=M, feature=yes",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=XL, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=XL, feature=text count",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=no",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=yes",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=M, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=M, feature=yes",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=XL, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=XL, feature=text count",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=no",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=yes",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=M, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=M, feature=yes",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=XL, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=XL, feature=text count",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=M, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=XL, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=XL, feature=text count",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=M, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=M, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=XL, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=XL, feature=text count",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=M, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=M, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=XL, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=XL, feature=text count",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=M, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=M, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=XL, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=XL, feature=text count",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=M, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=M, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=XL, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=XL, feature=text count",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=M, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=XL, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=XL, feature=text count",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=M, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=M, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=XL, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=XL, feature=text count",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=M, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=M, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=XL, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=XL, feature=text count",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=M, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=M, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=XL, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=XL, feature=text count",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=M, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=M, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=XL, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=XL, feature=text count",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=M, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=XL, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=XL, feature=text count",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=M, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=M, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=XL, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=XL, feature=text count",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=M, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=M, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=XL, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=XL, feature=text count",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=M, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=M, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=XL, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=XL, feature=text count",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=M, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=M, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=XL, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=XL, feature=text count",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=M, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=XL, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=XL, feature=text count",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=M, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=M, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=XL, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=XL, feature=text count",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=M, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=M, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=XL, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=XL, feature=text count",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=M, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=M, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=XL, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=XL, feature=text count",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=M, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=M, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=XL, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=XL, feature=text count",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=L, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=M, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=XL, feature=text count",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=Filled, enable=off, UX=default, size=XL, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=XL, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=XL, feature=text count",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=yes",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=M, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=M, feature=yes",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=XL, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=XL, feature=text count",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=yes",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=M, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=M, feature=yes",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=XL, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=XL, feature=text count",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=yes",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=M, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=M, feature=yes",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=XL, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=XL, feature=text count",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=yes",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=M, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=M, feature=yes",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=XL, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=XL, feature=text count",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=L, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=L, feature=yes",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=M, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=M, feature=yes",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=XL, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=XL, feature=text count",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=yes",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=M, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=M, feature=yes",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=XL, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=XL, feature=text count",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=yes",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=M, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=M, feature=yes",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=XL, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=XL, feature=text count",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=yes",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=M, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=M, feature=yes",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=XL, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=XL, feature=text count",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=yes",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=M, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=M, feature=yes",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=XL, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=XL, feature=text count",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=yes",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=M, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=M, feature=yes",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=XL, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=XL, feature=text count",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=yes",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=M, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=M, feature=yes",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=XL, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=XL, feature=text count",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=yes",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=M, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=M, feature=yes",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=XL, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=XL, feature=text count",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=L, feature=no",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=M, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=XL, feature=text count",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=L, feature=no",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=L, feature=yes",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=M, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=M, feature=yes",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=XL, feature=text count",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=no",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=yes",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=M, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=M, feature=yes",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=XL, feature=text count",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=no",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=yes",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=M, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=M, feature=yes",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=XL, feature=text count",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=no",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=yes",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=M, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=M, feature=yes",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=XL, feature=text count",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=Filled, enable=off, UX=default, size=XL, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=Filled, enable=on, UX=click, size=XL, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=Filled, enable=on, UX=default, size=XL, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=Filled, enable=on, UX=error, size=XL, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=Filled, enable=on, UX=hover, size=XL, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=L, feature=no",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=M, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=XL, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=XL, feature=text count",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=no",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=yes",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=M, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=M, feature=yes",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=XL, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=XL, feature=text count",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=no",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=yes",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=M, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=M, feature=yes",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=XL, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=XL, feature=text count",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=no",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=yes",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=M, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=M, feature=yes",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=XL, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=XL, feature=text count",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=no",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=yes",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=M, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=M, feature=yes",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=XL, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=XL, feature=text count",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=L, feature=no",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=M, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=XL, feature=text count",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=L, feature=no",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=L, feature=yes",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=M, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=M, feature=yes",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=XL, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=XL, feature=text count",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=no",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=yes",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=M, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=M, feature=yes",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=XL, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=XL, feature=text count",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=no",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=yes",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=M, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=M, feature=yes",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=XL, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=XL, feature=text count",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=no",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=yes",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=M, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=M, feature=yes",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=XL, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=XL, feature=text count",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=Filled, enable=off, UX=default, size=XL, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=L, feature=no",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=M, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=XL, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=XL, feature=text count",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=no",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=yes",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=M, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=M, feature=yes",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=XL, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=XL, feature=text count",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=no",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=yes",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=M, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=M, feature=yes",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=XL, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=XL, feature=text count",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=no",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=yes",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=M, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=M, feature=yes",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=XL, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=XL, feature=text count",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=no",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=yes",
      "selector": ".input-wrap--feature-clear :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-right",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "30px",
        "px": 30,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 18,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=M, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=M, feature=yes",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=XL, feature=no",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=XL, feature=text count",
      "selector": ".input-wrap--feature :deep(.tvu-input)",
      "category": "padding-drift",
      "property": "padding-left",
      "figma": {
        "value": 12
      },
      "code": {
        "value": "32px",
        "px": 32,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=M, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=XL, feature=text count",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=M, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=M, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=XL, feature=text count",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=M, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=M, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=XL, feature=text count",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=M, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=M, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=XL, feature=text count",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=M, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=M, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=XL, feature=text count",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=Filled, enable=off, UX=default, size=XL, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=Filled, enable=on, UX=click, size=XL, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=Filled, enable=on, UX=default, size=XL, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=Filled, enable=on, UX=error, size=XL, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=Filled, enable=on, UX=hover, size=XL, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=M, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=XL, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=XL, feature=text count",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=M, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=M, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=XL, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=XL, feature=text count",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=M, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=M, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=XL, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=XL, feature=text count",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=M, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=M, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=XL, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=XL, feature=text count",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=M, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=M, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=XL, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=XL, feature=text count",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=M, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=XL, feature=text count",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=M, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=M, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=XL, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=XL, feature=text count",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=M, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=M, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=XL, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=XL, feature=text count",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=M, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=M, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=XL, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=XL, feature=text count",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=M, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=M, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=XL, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=XL, feature=text count",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=Filled, enable=off, UX=default, size=XL, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=M, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=XL, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=XL, feature=text count",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=M, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=M, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=XL, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=XL, feature=text count",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=M, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=M, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=XL, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=XL, feature=text count",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=M, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=M, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=XL, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=XL, feature=text count",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 288,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=M, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=M, feature=yes",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 32
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 20,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=XL, feature=no",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=XL, feature=text count",
      "selector": ".input-clear-icon :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 100
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": 88,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=L, feature=date",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=L, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=L, feature=time",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=M, feature=date",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=M, feature=date",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=M, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=M, feature=time",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=M, feature=time",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=L, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=M, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=date",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=date",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=time",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=time",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=M, feature=date",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=M, feature=date",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=M, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=M, feature=time",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=M, feature=time",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=editable, size=L, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=editable, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=editable, size=M, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=editable, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=date",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=date",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=time",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=time",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=M, feature=date",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=M, feature=date",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=M, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=M, feature=time",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=M, feature=time",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=date",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=date",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=time",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=time",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=M, feature=date",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=M, feature=date",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=M, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=M, feature=time",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=M, feature=time",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=off, UX=default, size=L, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=off, UX=default, size=M, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=click, size=L, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=click, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=click, size=M, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=default, size=L, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=default, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=default, size=M, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=editable, size=L, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=editable, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=editable, size=M, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=error, size=L, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=error, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=error, size=M, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=hover, size=L, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=hover, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=hover, size=M, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=L, feature=date",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=L, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=L, feature=time",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=M, feature=date",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=M, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=M, feature=time",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=date",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=date",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=time",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=time",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=M, feature=date",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=M, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=M, feature=time",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=date",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=date",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=time",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=time",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=M, feature=date",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=M, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=M, feature=time",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=editable, size=L, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=editable, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=editable, size=M, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=date",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=date",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=time",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=time",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=M, feature=date",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=M, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=M, feature=time",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=date",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=date",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=time",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=time",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=M, feature=date",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=M, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=M, feature=time",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "expectedCodeCssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "light": "#f0f0f0"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=L, feature=date",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=L, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=L, feature=time",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=M, feature=date",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=M, feature=date",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=M, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=M, feature=time",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=M, feature=time",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=L, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=M, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=date",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=date",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=time",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=time",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=M, feature=date",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=M, feature=date",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=M, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=M, feature=time",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=M, feature=time",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=editable, size=L, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=editable, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=editable, size=M, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=editable, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=date",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=date",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=time",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=time",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=M, feature=date",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=M, feature=date",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=M, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=M, feature=time",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=M, feature=time",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=date",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=date",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=time",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=time",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=M, feature=date",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=M, feature=date",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=M, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=M, feature=time",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=M, feature=time",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=off, UX=default, size=L, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=off, UX=default, size=M, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=click, size=L, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=click, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=click, size=M, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=default, size=L, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=default, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=default, size=M, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=editable, size=L, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=editable, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=editable, size=M, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=error, size=L, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=error, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=error, size=M, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=hover, size=L, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=hover, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=hover, size=M, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=L, feature=date",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=L, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=L, feature=time",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=M, feature=date",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=M, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=M, feature=time",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=date",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=date",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=time",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=time",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=M, feature=date",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=M, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=M, feature=time",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=date",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=date",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=time",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=time",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=M, feature=date",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=M, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=M, feature=time",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=editable, size=L, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=editable, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=editable, size=M, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=date",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=date",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=time",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=time",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=M, feature=date",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=M, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=M, feature=time",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=date",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=date",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=time",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=time",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=M, feature=date",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=M, feature=default",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=M, feature=time",
      "selector": ".select-wrap--filled .select-chip",
      "category": "color-token-mismatch",
      "property": "background",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "expectedCodeCssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": {
        "cssVar": "--bg-layer3",
        "value": "var(--bg-layer3)",
        "resolvedHex": {
          "--bg-layer3": {
            "dark": "#262626"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=L, feature=date",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=L, feature=time",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=date",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=time",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=editable, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=date",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=time",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=date",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=time",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=off, UX=default, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=click, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=default, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=editable, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=error, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=hover, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=L, feature=date",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=L, feature=time",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=date",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=time",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=date",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=time",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=editable, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=date",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=time",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=date",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=time",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=L, feature=date",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=L, feature=time",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=date",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=time",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=editable, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=date",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=time",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=date",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=time",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=off, UX=default, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=click, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=default, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=editable, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=error, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=hover, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=L, feature=date",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=L, feature=time",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=date",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=time",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=date",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=time",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=editable, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=date",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=time",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=date",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=time",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=L, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=L, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=M, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=M, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=M, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=M, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=editable, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=editable, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=M, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=M, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=M, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=M, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=off, UX=default, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=off, UX=default, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=click, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=click, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=default, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=default, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=editable, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=editable, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=error, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=error, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=hover, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=hover, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=L, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=L, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=M, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=M, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=M, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=M, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=M, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=M, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=editable, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=editable, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=M, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=M, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=M, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=M, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=L, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=L, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=M, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=M, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=M, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=M, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=editable, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=editable, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=M, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=M, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=M, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=M, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=off, UX=default, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=off, UX=default, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=click, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=click, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=default, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=default, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=editable, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=editable, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=error, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=error, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=hover, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=hover, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=L, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=L, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=M, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=M, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=M, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=M, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=M, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=M, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=editable, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=editable, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=M, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=M, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=M, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=M, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=L, feature=date",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=L, feature=date",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=L, feature=time",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=L, feature=time",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=date",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=date",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=time",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=time",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=editable, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=editable, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=date",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=date",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=time",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=time",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=date",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=date",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=time",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=time",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=off, UX=default, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=off, UX=default, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=click, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=click, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=default, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=default, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=editable, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=editable, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=error, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=error, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=hover, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=hover, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=L, feature=date",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=L, feature=date",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=L, feature=time",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=L, feature=time",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=date",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=date",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=time",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=time",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=date",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=date",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=time",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=time",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=editable, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=editable, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=date",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=date",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=time",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=time",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=date",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=date",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=time",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=time",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=L, feature=date",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=L, feature=date",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=L, feature=time",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=L, feature=time",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=date",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=date",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=time",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=time",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=editable, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=editable, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=date",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=date",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=time",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=time",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=date",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=date",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=time",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=time",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=off, UX=default, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=off, UX=default, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=click, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=click, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=default, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=default, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=editable, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=editable, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=error, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=error, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=hover, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=hover, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=L, feature=date",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=L, feature=date",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=L, feature=time",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=L, feature=time",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=date",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=date",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=time",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=time",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=date",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=date",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=time",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=time",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=editable, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=editable, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=date",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=date",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=time",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=time",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=date",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=date",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=time",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=time",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=L, feature=date",
      "selector": ".select-wrap--error .select-trigger",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--red",
        "value": "var(--red)",
        "resolvedHex": {
          "--red": {
            "light": "#dc2717"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=L, feature=default",
      "selector": ".select-wrap--error .select-trigger",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--red",
        "value": "var(--red)",
        "resolvedHex": {
          "--red": {
            "light": "#dc2717"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=L, feature=time",
      "selector": ".select-wrap--error .select-trigger",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--red",
        "value": "var(--red)",
        "resolvedHex": {
          "--red": {
            "light": "#dc2717"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=M, feature=date",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "light": "#299f45"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=M, feature=date",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=M, feature=default",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "light": "#299f45"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=M, feature=time",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "light": "#299f45"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=M, feature=time",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=date",
      "selector": ".select-wrap--error .select-trigger",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--red",
        "value": "var(--red)",
        "resolvedHex": {
          "--red": {
            "light": "#dc2717"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=date",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=default",
      "selector": ".select-wrap--error .select-trigger",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--red",
        "value": "var(--red)",
        "resolvedHex": {
          "--red": {
            "light": "#dc2717"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=time",
      "selector": ".select-wrap--error .select-trigger",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--red",
        "value": "var(--red)",
        "resolvedHex": {
          "--red": {
            "light": "#dc2717"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=time",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=M, feature=date",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "light": "#299f45"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=M, feature=date",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=M, feature=default",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "light": "#299f45"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=M, feature=time",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "light": "#299f45"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=M, feature=time",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=editable, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=editable, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=date",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=time",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=M, feature=date",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=M, feature=time",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=date",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=time",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=M, feature=date",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=M, feature=time",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=off, UX=default, size=L, feature=default",
      "selector": ".select-wrap--error .select-trigger",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--red",
        "value": "var(--red)",
        "resolvedHex": {
          "--red": {
            "light": "#dc2717"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=off, UX=default, size=M, feature=default",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "light": "#299f45"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=click, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=default, size=L, feature=default",
      "selector": ".select-wrap--error .select-trigger",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--red",
        "value": "var(--red)",
        "resolvedHex": {
          "--red": {
            "light": "#dc2717"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=default, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=default, size=M, feature=default",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "expectedCodeCssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "light": "#299f45"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=editable, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=error, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=hover, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=L, feature=date",
      "selector": ".select-wrap--error .select-trigger",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--red",
        "value": "var(--red)",
        "resolvedHex": {
          "--red": {
            "light": "#dc2717"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=L, feature=default",
      "selector": ".select-wrap--error .select-trigger",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--red",
        "value": "var(--red)",
        "resolvedHex": {
          "--red": {
            "light": "#dc2717"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=L, feature=time",
      "selector": ".select-wrap--error .select-trigger",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--red",
        "value": "var(--red)",
        "resolvedHex": {
          "--red": {
            "light": "#dc2717"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=M, feature=date",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "light": "#299f45"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=M, feature=default",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "light": "#299f45"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=M, feature=time",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "light": "#299f45"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=date",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=time",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=date",
      "selector": ".select-wrap--error .select-trigger",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--red",
        "value": "var(--red)",
        "resolvedHex": {
          "--red": {
            "light": "#dc2717"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=date",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=default",
      "selector": ".select-wrap--error .select-trigger",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--red",
        "value": "var(--red)",
        "resolvedHex": {
          "--red": {
            "light": "#dc2717"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=time",
      "selector": ".select-wrap--error .select-trigger",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--red",
        "value": "var(--red)",
        "resolvedHex": {
          "--red": {
            "light": "#dc2717"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=time",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=M, feature=date",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "light": "#299f45"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=M, feature=default",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "light": "#299f45"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=M, feature=time",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "light": "#299f45"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=editable, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=date",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=time",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=date",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=time",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=L, feature=date",
      "selector": ".select-wrap--error .select-trigger",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--red",
        "value": "var(--red)",
        "resolvedHex": {
          "--red": {
            "dark": "#ea4233"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=L, feature=default",
      "selector": ".select-wrap--error .select-trigger",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--red",
        "value": "var(--red)",
        "resolvedHex": {
          "--red": {
            "dark": "#ea4233"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=L, feature=time",
      "selector": ".select-wrap--error .select-trigger",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--red",
        "value": "var(--red)",
        "resolvedHex": {
          "--red": {
            "dark": "#ea4233"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=M, feature=date",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "dark": "#2fb54e"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=M, feature=date",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=M, feature=default",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "dark": "#2fb54e"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=M, feature=time",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "dark": "#2fb54e"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=M, feature=time",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=date",
      "selector": ".select-wrap--error .select-trigger",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--red",
        "value": "var(--red)",
        "resolvedHex": {
          "--red": {
            "dark": "#ea4233"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=date",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=default",
      "selector": ".select-wrap--error .select-trigger",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--red",
        "value": "var(--red)",
        "resolvedHex": {
          "--red": {
            "dark": "#ea4233"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=time",
      "selector": ".select-wrap--error .select-trigger",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--red",
        "value": "var(--red)",
        "resolvedHex": {
          "--red": {
            "dark": "#ea4233"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=time",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=M, feature=date",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "dark": "#2fb54e"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=M, feature=date",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=M, feature=default",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "dark": "#2fb54e"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=M, feature=time",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "dark": "#2fb54e"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=M, feature=time",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=editable, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=date",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=time",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=M, feature=date",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=M, feature=time",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=date",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=time",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=M, feature=date",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=M, feature=time",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-7",
        "expectedCodeCssVar": "--color-grey-7",
        "hex": "#7b7b7b",
        "figmaName": "UX/Grey/grey-7 #7B7B7B"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=off, UX=default, size=L, feature=default",
      "selector": ".select-wrap--error .select-trigger",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--red",
        "value": "var(--red)",
        "resolvedHex": {
          "--red": {
            "dark": "#ea4233"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=off, UX=default, size=M, feature=default",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "dark": "#2fb54e"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=click, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=default, size=L, feature=default",
      "selector": ".select-wrap--error .select-trigger",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--red",
        "value": "var(--red)",
        "resolvedHex": {
          "--red": {
            "dark": "#ea4233"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=default, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=default, size=M, feature=default",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "dark": "#2fb54e"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=editable, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=error, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=hover, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=L, feature=date",
      "selector": ".select-wrap--error .select-trigger",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--red",
        "value": "var(--red)",
        "resolvedHex": {
          "--red": {
            "dark": "#ea4233"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=L, feature=default",
      "selector": ".select-wrap--error .select-trigger",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--red",
        "value": "var(--red)",
        "resolvedHex": {
          "--red": {
            "dark": "#ea4233"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=L, feature=time",
      "selector": ".select-wrap--error .select-trigger",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--red",
        "value": "var(--red)",
        "resolvedHex": {
          "--red": {
            "dark": "#ea4233"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=M, feature=date",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "dark": "#2fb54e"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=M, feature=default",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "dark": "#2fb54e"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=M, feature=time",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "dark": "#2fb54e"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=date",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=time",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=date",
      "selector": ".select-wrap--error .select-trigger",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--red",
        "value": "var(--red)",
        "resolvedHex": {
          "--red": {
            "dark": "#ea4233"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=date",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=default",
      "selector": ".select-wrap--error .select-trigger",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--red",
        "value": "var(--red)",
        "resolvedHex": {
          "--red": {
            "dark": "#ea4233"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=time",
      "selector": ".select-wrap--error .select-trigger",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--red",
        "value": "var(--red)",
        "resolvedHex": {
          "--red": {
            "dark": "#ea4233"
          }
        },
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=time",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=M, feature=date",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "dark": "#2fb54e"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=M, feature=default",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "dark": "#2fb54e"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=M, feature=time",
      "selector": ".dropdown-item__check--checked",
      "category": "color-token-mismatch",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--brand",
        "value": "var(--brand)",
        "resolvedHex": {
          "--brand": {
            "dark": "#2fb54e"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=editable, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=date",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=time",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=date",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=time",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "non-equivalent",
      "equivalentThemes": "none",
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=L, feature=date",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=L, feature=time",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=date",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=time",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=editable, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=date",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=time",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=date",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=time",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=off, UX=default, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=click, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=default, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=editable, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=error, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=hover, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=L, feature=date",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=L, feature=time",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=date",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=time",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=date",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=time",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=editable, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=date",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=time",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=date",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=time",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=L, feature=date",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=L, feature=time",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=date",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=time",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=editable, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=date",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=time",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=date",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=time",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=off, UX=default, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=click, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=default, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=editable, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=error, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=hover, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=L, feature=date",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=L, feature=time",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=date",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=time",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=date",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=time",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=editable, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=date",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=time",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=date",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=default",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=time",
      "selector": ".select-chip",
      "category": "gap-drift",
      "property": "gap",
      "figma": {
        "value": 8
      },
      "code": {
        "value": "4px",
        "px": 4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 4,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=L, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=L, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=M, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=M, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=M, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=M, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=editable, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=editable, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=M, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=M, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=M, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=M, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=off, UX=default, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=off, UX=default, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=click, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=click, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=default, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=default, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=editable, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=editable, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=error, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=error, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=hover, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=hover, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=L, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=L, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=M, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=M, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=M, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=M, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=M, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=M, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=editable, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=editable, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=M, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=M, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=M, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=M, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=L, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=L, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=M, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=M, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=M, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=M, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=editable, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=editable, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=M, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=M, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=M, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=M, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=off, UX=default, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=off, UX=default, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=click, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=click, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=default, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=default, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=editable, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=editable, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=error, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=error, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=hover, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=hover, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=L, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=L, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=M, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=M, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=M, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=M, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=M, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=M, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=editable, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=editable, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=M, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=M, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=M, feature=date",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=M, feature=default",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=M, feature=time",
      "selector": ".select-trigger:disabled",
      "category": "opacity-drift",
      "property": "opacity",
      "figma": {
        "value": 1
      },
      "code": {
        "value": "0.4",
        "px": 0.4,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 0.6,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=L, feature=date",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=L, feature=date",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=L, feature=time",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=L, feature=time",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=date",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=date",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=time",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=time",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=editable, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=editable, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=date",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=date",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=time",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=time",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=date",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=date",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=time",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=time",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=off, UX=default, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=off, UX=default, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=click, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=click, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=default, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=default, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=editable, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=editable, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=error, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=error, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=hover, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=hover, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=L, feature=date",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=L, feature=date",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=L, feature=time",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=L, feature=time",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=date",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=date",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=time",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=time",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=date",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=date",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=time",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=time",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=editable, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=editable, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=date",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=date",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=time",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=time",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=date",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=date",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=time",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=time",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=L, feature=date",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=L, feature=date",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=L, feature=time",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=L, feature=time",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=date",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=date",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=time",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=time",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=editable, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=editable, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=date",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=date",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=time",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=time",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=date",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=date",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=time",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=time",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=off, UX=default, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=off, UX=default, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=click, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=click, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=default, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=default, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=editable, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=editable, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=error, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=error, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=hover, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=hover, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=L, feature=date",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=L, feature=date",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=L, feature=time",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=L, feature=time",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=date",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=date",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=time",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=time",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=date",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=date",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=time",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=time",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=editable, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=editable, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=date",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=date",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=time",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=time",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=date",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=date",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=default",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=default",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=time",
      "selector": ".dropdown-select",
      "category": "size-drift",
      "property": "width",
      "figma": {
        "value": 300
      },
      "code": {
        "value": "240px",
        "px": 240,
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "delta": 60,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=time",
      "selector": ".select-clear :deep(svg)",
      "category": "size-drift",
      "property": "height",
      "figma": {
        "value": 40
      },
      "code": {
        "value": "12px",
        "px": 12,
        "sourcePath": "src/canonical/SelectBoxBase.vue"
      },
      "delta": 28,
      "severity": "blocker",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Badge",
      "codePath": "src/canonical/Badge.vue",
      "variant": "Type=Circle, Color=Blue, Tag=Line",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--blue",
        "hex": "#3892f3",
        "figmaName": "UX/Blue/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Badge",
      "codePath": "src/canonical/Badge.vue",
      "variant": "Type=Circle, Color=Green, Tag=Line",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Badge",
      "codePath": "src/canonical/Badge.vue",
      "variant": "Type=Circle, Color=Neutral, Tag=Line",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--line-deep",
        "hex": "#353535",
        "figmaName": "Color Type/Line/Deep Divider"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Badge",
      "codePath": "src/canonical/Badge.vue",
      "variant": "Type=Circle, Color=Orange, Tag=Line",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Badge",
      "codePath": "src/canonical/Badge.vue",
      "variant": "Type=Circle, Color=Red, Tag=Line",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Badge",
      "codePath": "src/canonical/Badge.vue",
      "variant": "Type=Rectangle, Color=Blue, Tag=Line",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--blue",
        "hex": "#3892f3",
        "figmaName": "UX/Blue/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Badge",
      "codePath": "src/canonical/Badge.vue",
      "variant": "Type=Rectangle, Color=Green, Tag=Line",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Badge",
      "codePath": "src/canonical/Badge.vue",
      "variant": "Type=Rectangle, Color=Neutral, Tag=Line",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--line-deep",
        "hex": "#353535",
        "figmaName": "Color Type/Line/Deep Divider"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Badge",
      "codePath": "src/canonical/Badge.vue",
      "variant": "Type=Rectangle, Color=Orange, Tag=Line",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Badge",
      "codePath": "src/canonical/Badge.vue",
      "variant": "Type=Rectangle, Color=Red, Tag=Line",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Badge",
      "codePath": "src/canonical/Badge.vue",
      "variant": "Type=Rectangle, Color=Blue, Tag=Filled",
      "selector": ".canonical-badge--rectangle",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 58
      },
      "code": {
        "value": "auto",
        "px": null,
        "sourcePath": "src/canonical/Badge.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Badge",
      "codePath": "src/canonical/Badge.vue",
      "variant": "Type=Rectangle, Color=Blue, Tag=Line",
      "selector": ".canonical-badge--rectangle",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 58
      },
      "code": {
        "value": "auto",
        "px": null,
        "sourcePath": "src/canonical/Badge.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Badge",
      "codePath": "src/canonical/Badge.vue",
      "variant": "Type=Rectangle, Color=Green, Tag=Filled",
      "selector": ".canonical-badge--rectangle",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 52
      },
      "code": {
        "value": "auto",
        "px": null,
        "sourcePath": "src/canonical/Badge.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Badge",
      "codePath": "src/canonical/Badge.vue",
      "variant": "Type=Rectangle, Color=Green, Tag=Line",
      "selector": ".canonical-badge--rectangle",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 52
      },
      "code": {
        "value": "auto",
        "px": null,
        "sourcePath": "src/canonical/Badge.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Badge",
      "codePath": "src/canonical/Badge.vue",
      "variant": "Type=Rectangle, Color=Neutral, Tag=Filled",
      "selector": ".canonical-badge--rectangle",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 48
      },
      "code": {
        "value": "auto",
        "px": null,
        "sourcePath": "src/canonical/Badge.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Badge",
      "codePath": "src/canonical/Badge.vue",
      "variant": "Type=Rectangle, Color=Neutral, Tag=Line",
      "selector": ".canonical-badge--rectangle",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 48
      },
      "code": {
        "value": "auto",
        "px": null,
        "sourcePath": "src/canonical/Badge.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Badge",
      "codePath": "src/canonical/Badge.vue",
      "variant": "Type=Rectangle, Color=Orange, Tag=Filled",
      "selector": ".canonical-badge--rectangle",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 52
      },
      "code": {
        "value": "auto",
        "px": null,
        "sourcePath": "src/canonical/Badge.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Badge",
      "codePath": "src/canonical/Badge.vue",
      "variant": "Type=Rectangle, Color=Orange, Tag=Line",
      "selector": ".canonical-badge--rectangle",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 52
      },
      "code": {
        "value": "auto",
        "px": null,
        "sourcePath": "src/canonical/Badge.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Badge",
      "codePath": "src/canonical/Badge.vue",
      "variant": "Type=Rectangle, Color=Red, Tag=Filled",
      "selector": ".canonical-badge--rectangle",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 50
      },
      "code": {
        "value": "auto",
        "px": null,
        "sourcePath": "src/canonical/Badge.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Badge",
      "codePath": "src/canonical/Badge.vue",
      "variant": "Type=Rectangle, Color=Red, Tag=Line",
      "selector": ".canonical-badge--rectangle",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 50
      },
      "code": {
        "value": "auto",
        "px": null,
        "sourcePath": "src/canonical/Badge.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Breadcrumb/Item",
      "codePath": "src/canonical/Breadcrumb.vue, src/canonical/BreadcrumbItem.vue",
      "variant": "state=current",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "breadcrumb-item-container-topology"
    },
    {
      "component": "Breadcrumb/Item",
      "codePath": "src/canonical/Breadcrumb.vue, src/canonical/BreadcrumbItem.vue",
      "variant": "state=Default",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-2",
        "hex": "#cccccc",
        "figmaName": "Color Type/Text/Text_2"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "breadcrumb-item-container-topology"
    },
    {
      "component": "Breadcrumb/Item",
      "codePath": "src/canonical/Breadcrumb.vue, src/canonical/BreadcrumbItem.vue",
      "variant": "state=disabled",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-disabled",
        "hex": "#595959",
        "figmaName": null
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "breadcrumb-item-container-topology"
    },
    {
      "component": "Breadcrumb/Item",
      "codePath": "src/canonical/Breadcrumb.vue, src/canonical/BreadcrumbItem.vue",
      "variant": "state=hover",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-body",
        "hex": "#f8f8f8",
        "figmaName": "Color Type/Text/Text_1"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "breadcrumb-item-container-topology"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=green, status=loading, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=green, status=loading, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=green, status=loading, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=green, status=loading, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=orange, status=loading, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=orange, status=loading, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=orange, status=loading, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=orange, status=loading, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=red, status=loading, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=red, status=loading, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=red, status=loading, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=red, status=loading, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=orange, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red-hover",
        "hex": "#ed5b4e",
        "figmaName": "UX/Red/Hover 1"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red-hover",
        "hex": "#ed5b4e",
        "figmaName": "UX/Red/Hover 1"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red-hover",
        "hex": "#ed5b4e",
        "figmaName": "UX/Red/Hover 1"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=red, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red-hover",
        "hex": "#ed5b4e",
        "figmaName": "UX/Red/Hover 1"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=green, status=loading, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=green, status=loading, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=green, status=loading, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=green, status=loading, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=orange, status=loading, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=orange, status=loading, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=orange, status=loading, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=orange, status=loading, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=red, status=loading, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=red, status=loading, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=red, status=loading, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=red, status=loading, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=filling, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=green, status=loading, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=green, status=loading, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=green, status=loading, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=green, status=loading, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=orange, status=loading, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=orange, status=loading, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=orange, status=loading, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=orange, status=loading, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=red, status=loading, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=red, status=loading, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=red, status=loading, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=red, status=loading, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=filling, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=green, status=loading, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=green, status=loading, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=green, status=loading, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=green, status=loading, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=orange, status=loading, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=orange, status=loading, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=orange, status=loading, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=orange, status=loading, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=red, status=loading, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=red, status=loading, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=red, status=loading, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=red, status=loading, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=filling, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-9",
        "hex": "#434343",
        "figmaName": "UX/Grey/grey-9 #434343"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#1a652c",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/dark XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=default, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=default, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=default, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=default, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=disable, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=disable, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=disable, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=disable, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=default, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=default, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=default, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=default, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=disable, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=disable, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=disable, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=disable, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=hover, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=hover, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=hover, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=hover, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=default, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=default, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=default, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=default, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=disable, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=disable, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=disable, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=disable, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=hover, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=hover, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=hover, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=hover, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=light, style=ghost, color=gray 1, status=loading, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=light, style=ghost, color=gray 1, status=loading, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=light, style=ghost, color=green, status=loading, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=light, style=ghost, color=green, status=loading, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=light, style=ghost, color=orange, status=loading, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=light, style=ghost, color=orange, status=loading, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=light, style=ghost, color=red, status=loading, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=light, style=ghost, color=red, status=loading, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading button, style=ghost, color=gray 1, status=loading, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading button, style=ghost, color=gray 1, status=loading, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading button, style=ghost, color=green, status=loading, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading button, style=ghost, color=green, status=loading, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading button, style=ghost, color=orange, status=loading, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading button, style=ghost, color=orange, status=loading, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading button, style=ghost, color=red, status=loading, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading button, style=ghost, color=red, status=loading, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=default, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=default, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=default, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=default, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=disable, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=disable, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=disable, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=disable, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=default, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=default, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=default, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=default, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=disable, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=disable, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=disable, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=disable, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=hover, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=hover, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=hover, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=hover, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=default, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=default, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=default, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=default, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=disable, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=disable, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=disable, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=disable, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=hover, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=hover, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=hover, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=hover, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=default, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=default, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=default, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=default, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=disable, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=disable, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=disable, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=disable, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=default, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=default, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=default, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=default, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=disable, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=disable, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=disable, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=disable, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=hover, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=hover, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=hover, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=hover, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=default, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=default, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=default, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=default, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=disable, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=disable, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=disable, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=disable, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=hover, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=hover, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=hover, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light L",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=hover, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=default, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=default, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=default, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=default, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=disable, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=disable, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=disable, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=disable, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=default, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=default, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=default, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=default, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=disable, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=disable, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=disable, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=disable, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=hover, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=hover, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=hover, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=hover, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=default, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=default, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=default, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=default, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=disable, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=disable, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=disable, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=disable, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=hover, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=hover, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=hover, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=hover, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=green, status=loading, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=green, status=loading, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=green, status=loading, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=green, status=loading, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=orange, status=loading, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=orange, status=loading, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=orange, status=loading, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=orange, status=loading, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=red, status=loading, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=red, status=loading, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=red, status=loading, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=red, status=loading, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--line-light",
        "hex": "#cccccc",
        "figmaName": "Color Type/Line/Light Divider"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--line-light",
        "hex": "#cccccc",
        "figmaName": "Color Type/Line/Light Divider"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=default, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#33ab4f",
        "figmaName": null
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=default, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#33ab4f",
        "figmaName": null
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=default, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#33ab4f",
        "figmaName": null
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=default, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#33ab4f",
        "figmaName": null
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=disable, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=disable, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=disable, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=disable, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=default, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=default, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=default, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=default, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=disable, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=disable, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=disable, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=disable, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=hover, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=hover, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=hover, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=hover, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=default, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=default, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=default, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=default, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=disable, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=disable, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=disable, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=disable, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=hover, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=hover, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=hover, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=hover, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=default, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=default, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=default, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=default, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=disable, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=disable, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=disable, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=disable, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=default, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=default, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=default, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=default, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=disable, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=disable, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=disable, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=disable, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=hover, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=hover, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=hover, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=hover, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=default, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=default, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=default, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=default, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=disable, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=disable, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=disable, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=disable, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=hover, Radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=hover, Radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=hover, Radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light M",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=hover, Radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=green, status=loading, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=green, status=loading, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=green, status=loading, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=green, status=loading, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=orange, status=loading, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=orange, status=loading, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=orange, status=loading, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=orange, status=loading, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=red, status=loading, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=red, status=loading, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=red, status=loading, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=red, status=loading, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light S",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=green, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=orange, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=left, style=ghost, color=red, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=gray 1, status=loading, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=green, status=loading, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=green, status=loading, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=green, status=loading, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=green, status=loading, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=orange, status=loading, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=orange, status=loading, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=orange, status=loading, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=orange, status=loading, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=red, status=loading, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=red, status=loading, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=red, status=loading, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=loading, style=ghost, color=red, status=loading, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#33ab4f",
        "figmaName": null
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#33ab4f",
        "figmaName": null
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#33ab4f",
        "figmaName": null
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#33ab4f",
        "figmaName": null
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=green, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=orange, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ec5050",
        "figmaName": null
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=no, style=ghost, color=red, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=gray 1, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-4",
        "hex": "#dbdbdb",
        "figmaName": "UX/Grey/grey-4 #DBDBDB"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand-disable",
        "hex": "#8fcc9d",
        "figmaName": "UX/Brand/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=green, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=orange, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--orange",
        "hex": "#e26601",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=default, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=default, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=default, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=default, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=disable, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=disable, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=disable, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=disable, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=hover, radius=round, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=hover, radius=round, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=hover, radius=square, fixed width=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Button/light XS",
      "codePath": "src/components/Button/Button.vue",
      "variant": "icon=right, style=ghost, color=red, status=hover, radius=square, fixed width=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "button-eight-sets-single-component"
    },
    {
      "component": "Chart",
      "codePath": "src/canonical/Chart.vue",
      "variant": "type=bar",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--bg-layer3",
        "hex": "#262626",
        "figmaName": "Color Type/Background/Layer_3"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "chart-color-palette-2026-05-13"
    },
    {
      "component": "Chart",
      "codePath": "src/canonical/Chart.vue",
      "variant": "type=bar",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": null
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "chart-color-palette-2026-05-13"
    },
    {
      "component": "Chart",
      "codePath": "src/canonical/Chart.vue",
      "variant": "type=bar-horizontal",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--bg-layer3",
        "hex": "#262626",
        "figmaName": "Color Type/Background/Layer_3"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "chart-color-palette-2026-05-13"
    },
    {
      "component": "Chart",
      "codePath": "src/canonical/Chart.vue",
      "variant": "type=bar-horizontal",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": null
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "chart-color-palette-2026-05-13"
    },
    {
      "component": "Chart",
      "codePath": "src/canonical/Chart.vue",
      "variant": "type=donut",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--bg-layer3",
        "hex": "#262626",
        "figmaName": "Color Type/Background/Layer_3"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "chart-color-palette-2026-05-13"
    },
    {
      "component": "Chart",
      "codePath": "src/canonical/Chart.vue",
      "variant": "type=line",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--bg-layer3",
        "hex": "#262626",
        "figmaName": "Color Type/Background/Layer_3"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "chart-color-palette-2026-05-13"
    },
    {
      "component": "Chart",
      "codePath": "src/canonical/Chart.vue",
      "variant": "type=line",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": null
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "chart-color-palette-2026-05-13"
    },
    {
      "component": "Chart",
      "codePath": "src/canonical/Chart.vue",
      "variant": "type=line-bar",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--bg-layer3",
        "hex": "#262626",
        "figmaName": "Color Type/Background/Layer_3"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "chart-color-palette-2026-05-13"
    },
    {
      "component": "Chart",
      "codePath": "src/canonical/Chart.vue",
      "variant": "type=line-bar",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": null
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "chart-color-palette-2026-05-13"
    },
    {
      "component": "Chart",
      "codePath": "src/canonical/Chart.vue",
      "variant": "type=pie",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--bg-layer3",
        "hex": "#262626",
        "figmaName": "Color Type/Background/Layer_3"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "chart-color-palette-2026-05-13"
    },
    {
      "component": "Chart",
      "codePath": "src/canonical/Chart.vue",
      "variant": "type=pie",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": null
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "chart-color-palette-2026-05-13"
    },
    {
      "component": "check box",
      "codePath": "src/canonical/CheckBox.vue",
      "variant": "dark theme=off, status=off, enable=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-disabled",
        "hex": "#cccccc",
        "figmaName": "Color Type/Text/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-dark-theme-design-state, figma-enable-design-state, figma-status-design-state-values, figma-show-icon-option-design-state, figma-icon-slot-vue-slot"
    },
    {
      "component": "check box",
      "codePath": "src/canonical/CheckBox.vue",
      "variant": "dark theme=off, status=off, enable=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-dark-theme-design-state, figma-enable-design-state, figma-status-design-state-values, figma-show-icon-option-design-state, figma-icon-slot-vue-slot"
    },
    {
      "component": "check box",
      "codePath": "src/canonical/CheckBox.vue",
      "variant": "dark theme=off, status=on, enable=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-disabled",
        "hex": "#cccccc",
        "figmaName": "Color Type/Text/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-dark-theme-design-state, figma-enable-design-state, figma-status-design-state-values, figma-show-icon-option-design-state, figma-icon-slot-vue-slot"
    },
    {
      "component": "check box",
      "codePath": "src/canonical/CheckBox.vue",
      "variant": "dark theme=off, status=on, enable=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-dark-theme-design-state, figma-enable-design-state, figma-status-design-state-values, figma-show-icon-option-design-state, figma-icon-slot-vue-slot"
    },
    {
      "component": "check box",
      "codePath": "src/canonical/CheckBox.vue",
      "variant": "dark theme=off, status=some, enable=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-disabled",
        "hex": "#cccccc",
        "figmaName": "Color Type/Text/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-dark-theme-design-state, figma-enable-design-state, figma-status-design-state-values, figma-show-icon-option-design-state, figma-icon-slot-vue-slot"
    },
    {
      "component": "check box",
      "codePath": "src/canonical/CheckBox.vue",
      "variant": "dark theme=off, status=some, enable=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-dark-theme-design-state, figma-enable-design-state, figma-status-design-state-values, figma-show-icon-option-design-state, figma-icon-slot-vue-slot"
    },
    {
      "component": "check box",
      "codePath": "src/canonical/CheckBox.vue",
      "variant": "dark theme=on, status=off, enable=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-disabled",
        "hex": "#595959",
        "figmaName": "Color Type/Text/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-dark-theme-design-state, figma-enable-design-state, figma-status-design-state-values, figma-show-icon-option-design-state, figma-icon-slot-vue-slot"
    },
    {
      "component": "check box",
      "codePath": "src/canonical/CheckBox.vue",
      "variant": "dark theme=on, status=off, enable=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-body",
        "hex": "#f8f8f8",
        "figmaName": "Color Type/Text/Text_1"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-dark-theme-design-state, figma-enable-design-state, figma-status-design-state-values, figma-show-icon-option-design-state, figma-icon-slot-vue-slot"
    },
    {
      "component": "check box",
      "codePath": "src/canonical/CheckBox.vue",
      "variant": "dark theme=on, status=on, enable=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-disabled",
        "hex": "#595959",
        "figmaName": "Color Type/Text/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-dark-theme-design-state, figma-enable-design-state, figma-status-design-state-values, figma-show-icon-option-design-state, figma-icon-slot-vue-slot"
    },
    {
      "component": "check box",
      "codePath": "src/canonical/CheckBox.vue",
      "variant": "dark theme=on, status=on, enable=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-body",
        "hex": "#f8f8f8",
        "figmaName": "Color Type/Text/Text_1"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-dark-theme-design-state, figma-enable-design-state, figma-status-design-state-values, figma-show-icon-option-design-state, figma-icon-slot-vue-slot"
    },
    {
      "component": "check box",
      "codePath": "src/canonical/CheckBox.vue",
      "variant": "dark theme=on, status=some, enable=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-disabled",
        "hex": "#595959",
        "figmaName": "Color Type/Text/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-dark-theme-design-state, figma-enable-design-state, figma-status-design-state-values, figma-show-icon-option-design-state, figma-icon-slot-vue-slot"
    },
    {
      "component": "check box",
      "codePath": "src/canonical/CheckBox.vue",
      "variant": "dark theme=on, status=some, enable=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-body",
        "hex": "#f8f8f8",
        "figmaName": "Color Type/Text/Text_1"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-dark-theme-design-state, figma-enable-design-state, figma-status-design-state-values, figma-show-icon-option-design-state, figma-icon-slot-vue-slot"
    },
    {
      "component": "Drop down List/Cascading",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Dark Theme=off, Type=Multi",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Cascading",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Dark Theme=off, Type=Radio",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Multi, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=No",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Multi, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Multi, Is Parent=Yes, Checked=No, Active=No, Disabled=No, Hover=No",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Multi, Is Parent=Yes, Checked=No, Active=No, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Radio, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=No",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Radio, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Radio, Is Parent=Yes, Checked=No, Active=No, Disabled=No, Hover=No",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Radio, Is Parent=Yes, Checked=No, Active=No, Disabled=No, Hover=Yes",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Drop down List/Item",
      "codePath": "src/canonical/DropDownListSelect.vue",
      "variant": "Theme=Light, Type=Selected, Is Parent=No, Checked=No, Active=No, Disabled=No, Hover=No",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & checkbox, Layout=1 line, Theme=Dark, Label Width=120 px, Status=Normal",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & checkbox, Layout=1 line, Theme=Dark, Label Width=200 px, Status=Normal",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & checkbox, Layout=1 line, Theme=Dark, Label Width=Dynamic, Status=Normal",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & checkbox, Layout=1 line, Theme=Light, Label Width=120 px, Status=Normal",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & checkbox, Layout=1 line, Theme=Light, Label Width=200 px, Status=Normal",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & checkbox, Layout=1 line, Theme=Light, Label Width=Dynamic, Status=Normal",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & checkbox, Layout=2 lines, Theme=Dark, Label Width=Dynamic, Status=Normal",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & checkbox, Layout=2 lines, Theme=Light, Label Width=Dynamic, Status=Normal",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Input, Layout=1 line, Theme=Dark, Label Width=120 px, Status=Error",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Input, Layout=1 line, Theme=Dark, Label Width=120 px, Status=Normal",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Input, Layout=1 line, Theme=Dark, Label Width=200 px, Status=Error",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Input, Layout=1 line, Theme=Dark, Label Width=200 px, Status=Normal",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Input, Layout=1 line, Theme=Dark, Label Width=Dynamic, Status=Normal",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Input, Layout=1 line, Theme=Light, Label Width=120 px, Status=Error",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Input, Layout=1 line, Theme=Light, Label Width=120 px, Status=Normal",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Input, Layout=1 line, Theme=Light, Label Width=200 px, Status=Error",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Input, Layout=1 line, Theme=Light, Label Width=200 px, Status=Normal",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Input, Layout=1 line, Theme=Light, Label Width=Dynamic, Status=Normal",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Input, Layout=2 lines, Theme=Dark, Label Width=Dynamic, Status=Error",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Input, Layout=2 lines, Theme=Dark, Label Width=Dynamic, Status=Normal",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Input, Layout=2 lines, Theme=Light, Label Width=Dynamic, Status=Error",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Input, Layout=2 lines, Theme=Light, Label Width=Dynamic, Status=Normal",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Radio, Layout=1 line, Theme=Dark, Label Width=120 px, Status=Normal",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Radio, Layout=1 line, Theme=Dark, Label Width=200 px, Status=Normal",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Radio, Layout=1 line, Theme=Dark, Label Width=Dynamic, Status=Normal",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Radio, Layout=1 line, Theme=Light, Label Width=120 px, Status=Normal",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Radio, Layout=1 line, Theme=Light, Label Width=200 px, Status=Normal",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Radio, Layout=1 line, Theme=Light, Label Width=Dynamic, Status=Normal",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Radio, Layout=2 lines, Theme=Dark, Label Width=Dynamic, Status=Normal",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Radio, Layout=2 lines, Theme=Light, Label Width=Dynamic, Status=Normal",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Selector, Layout=1 line, Theme=Dark, Label Width=120 px, Status=Error",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Selector, Layout=1 line, Theme=Dark, Label Width=120 px, Status=Normal",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Selector, Layout=1 line, Theme=Dark, Label Width=200 px, Status=Error",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Selector, Layout=1 line, Theme=Dark, Label Width=200 px, Status=Normal",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Selector, Layout=1 line, Theme=Dark, Label Width=Dynamic, Status=Normal",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Selector, Layout=1 line, Theme=Light, Label Width=120 px, Status=Error",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Selector, Layout=1 line, Theme=Light, Label Width=120 px, Status=Normal",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Selector, Layout=1 line, Theme=Light, Label Width=200 px, Status=Error",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Selector, Layout=1 line, Theme=Light, Label Width=200 px, Status=Normal",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Selector, Layout=1 line, Theme=Light, Label Width=Dynamic, Status=Normal",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Selector, Layout=2 lines, Theme=Dark, Label Width=Dynamic, Status=Error",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Selector, Layout=2 lines, Theme=Dark, Label Width=Dynamic, Status=Normal",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Selector, Layout=2 lines, Theme=Light, Label Width=Dynamic, Status=Error",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Selector, Layout=2 lines, Theme=Light, Label Width=Dynamic, Status=Normal",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Switch, Layout=1 line & Right, Theme=Dark, Label Width=Dynamic, Status=Normal",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Switch, Layout=1 line & Right, Theme=Light, Label Width=Dynamic, Status=Normal",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Switch, Layout=1 line, Theme=Dark, Label Width=120 px, Status=Normal",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Switch, Layout=1 line, Theme=Dark, Label Width=200 px, Status=Normal",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Switch, Layout=1 line, Theme=Dark, Label Width=Dynamic, Status=Normal",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Switch, Layout=1 line, Theme=Light, Label Width=120 px, Status=Normal",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Switch, Layout=1 line, Theme=Light, Label Width=200 px, Status=Normal",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Switch, Layout=1 line, Theme=Light, Label Width=Dynamic, Status=Normal",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Textarea, Layout=1 line, Theme=Dark, Label Width=120 px, Status=Error",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Textarea, Layout=1 line, Theme=Dark, Label Width=120 px, Status=Normal",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Textarea, Layout=1 line, Theme=Dark, Label Width=200 px, Status=Error",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Textarea, Layout=1 line, Theme=Dark, Label Width=200 px, Status=Normal",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Textarea, Layout=1 line, Theme=Light, Label Width=120 px, Status=Error",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Textarea, Layout=1 line, Theme=Light, Label Width=120 px, Status=Normal",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Textarea, Layout=1 line, Theme=Light, Label Width=200 px, Status=Error",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Textarea, Layout=1 line, Theme=Light, Label Width=200 px, Status=Normal",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Textarea, Layout=2 lines, Theme=Dark, Label Width=Dynamic, Status=Error",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Textarea, Layout=2 lines, Theme=Dark, Label Width=Dynamic, Status=Normal",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Textarea, Layout=2 lines, Theme=Light, Label Width=Dynamic, Status=Error",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "Form Item",
      "codePath": "src/canonical/FormItem.vue",
      "variant": "Type=Label & Textarea, Layout=2 lines, Theme=Light, Label Width=Dynamic, Status=Normal",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot"
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=L, feature=yes",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=M, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=M, feature=yes",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=XL, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=XL, feature=text count",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=yes",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=M, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=M, feature=yes",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=XL, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=XL, feature=text count",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=yes",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=M, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=M, feature=yes",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=XL, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=XL, feature=text count",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=yes",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=M, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=M, feature=yes",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=XL, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=XL, feature=text count",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=L, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=XL, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=XL, feature=text count",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=L, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=L, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=M, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=M, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=M, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=M, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=M, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=M, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=M, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=M, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=M, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=M, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=M, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=M, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=M, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=M, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-white",
        "hex": "#ffffff",
        "figmaName": "UX/Grey/grey-1 #FFFFFF"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--line-deep",
        "hex": "#353535",
        "figmaName": "Color Type/Line/Deep Divider"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=L, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=L, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--line-deep",
        "hex": "#353535",
        "figmaName": "Color Type/Line/Deep Divider"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=M, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--line-deep",
        "hex": "#353535",
        "figmaName": "Color Type/Line/Deep Divider"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=M, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--line-deep",
        "hex": "#353535",
        "figmaName": "Color Type/Line/Deep Divider"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=M, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--line-deep",
        "hex": "#353535",
        "figmaName": "Color Type/Line/Deep Divider"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--line-deep",
        "hex": "#353535",
        "figmaName": "Color Type/Line/Deep Divider"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=M, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--line-deep",
        "hex": "#353535",
        "figmaName": "Color Type/Line/Deep Divider"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=M, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--line-deep",
        "hex": "#353535",
        "figmaName": "Color Type/Line/Deep Divider"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=M, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--line-deep",
        "hex": "#353535",
        "figmaName": "Color Type/Line/Deep Divider"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=M, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--line-deep",
        "hex": "#353535",
        "figmaName": "Color Type/Line/Deep Divider"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--line-deep",
        "hex": "#353535",
        "figmaName": "Color Type/Line/Deep Divider"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=M, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--line-deep",
        "hex": "#353535",
        "figmaName": "Color Type/Line/Deep Divider"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=M, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--line-deep",
        "hex": "#353535",
        "figmaName": "Color Type/Line/Deep Divider"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=M, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--line-deep",
        "hex": "#353535",
        "figmaName": "Color Type/Line/Deep Divider"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--line-deep",
        "hex": "#353535",
        "figmaName": "Color Type/Line/Deep Divider"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=M, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--line-deep",
        "hex": "#353535",
        "figmaName": "Color Type/Line/Deep Divider"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=M, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--line-deep",
        "hex": "#353535",
        "figmaName": "Color Type/Line/Deep Divider"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=M, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--line-deep",
        "hex": "#353535",
        "figmaName": "Color Type/Line/Deep Divider"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=M, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-10",
        "hex": "#353535",
        "figmaName": "UX/Grey/grey-10 #353535"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=M, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=XL, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=XL, feature=text count",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=M, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=M, feature=yes",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=XL, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=XL, feature=text count",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=M, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=M, feature=yes",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=XL, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=XL, feature=text count",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=M, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=M, feature=yes",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=XL, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=XL, feature=text count",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=M, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=M, feature=yes",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=XL, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=XL, feature=text count",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=M, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=XL, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=XL, feature=text count",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=M, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=M, feature=yes",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=XL, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=XL, feature=text count",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=M, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=M, feature=yes",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=XL, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=XL, feature=text count",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=M, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=M, feature=yes",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=XL, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=XL, feature=text count",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=M, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=M, feature=yes",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=XL, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=XL, feature=text count",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=M, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=XL, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=XL, feature=text count",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=M, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=M, feature=yes",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=XL, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=XL, feature=text count",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=M, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=M, feature=yes",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=XL, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=XL, feature=text count",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=M, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=M, feature=yes",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=XL, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=XL, feature=text count",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=M, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=M, feature=yes",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=XL, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=XL, feature=text count",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=M, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=XL, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=XL, feature=text count",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=M, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=M, feature=yes",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=XL, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=XL, feature=text count",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=M, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=M, feature=yes",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=XL, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=XL, feature=text count",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=M, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=M, feature=yes",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=XL, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=XL, feature=text count",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=M, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=M, feature=yes",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=XL, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/filled",
      "codePath": "src/canonical/InputBoxFilled.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=XL, feature=text count",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=L, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=L, feature=yes",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=M, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=M, feature=yes",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=XL, feature=text count",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=yes",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=M, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=M, feature=yes",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=XL, feature=text count",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=yes",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=M, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=M, feature=yes",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=XL, feature=text count",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=yes",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=M, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=M, feature=yes",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=XL, feature=text count",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=Filled, enable=on, UX=click, size=XL, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=Filled, enable=on, UX=default, size=XL, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=Filled, enable=on, UX=error, size=XL, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=Filled, enable=on, UX=hover, size=XL, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-6",
        "expectedCodeCssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "light": "#595959"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=L, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=M, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=XL, feature=text count",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=Filled, enable=off, UX=default, size=XL, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=XL, feature=no",
      "selector": ".input-clear-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=XL, feature=text count",
      "selector": ".input-feature-icon",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--text-tips",
        "value": "var(--text-tips)",
        "resolvedHex": {
          "--text-tips": {
            "dark": "#9e9e9e"
          }
        },
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=L, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=M, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=L, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=M, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=L, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=M, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=L, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=M, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=Filled, enable=off, UX=default, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=Filled, enable=on, UX=click, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=Filled, enable=on, UX=default, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=Filled, enable=on, UX=error, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=Filled, enable=on, UX=hover, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=L, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=M, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=L, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=M, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=L, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=M, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#dc2717",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=L, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=M, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=L, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=M, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=L, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=M, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=L, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=M, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=L, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=M, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=Filled, enable=off, UX=default, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=L, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=M, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=L, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=M, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=L, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=M, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=L, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=M, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=M, feature=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=XL, feature=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=XL, feature=text count",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=M, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=XL, feature=text count",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=M, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=M, feature=yes",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=click, size=XL, feature=text count",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=M, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=M, feature=yes",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=default, size=XL, feature=text count",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=M, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=M, feature=yes",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=error, size=XL, feature=text count",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=M, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=M, feature=yes",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=default, enable=on, UX=hover, size=XL, feature=text count",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=Filled, enable=off, UX=default, size=XL, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=Filled, enable=on, UX=click, size=XL, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=Filled, enable=on, UX=default, size=XL, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=Filled, enable=on, UX=error, size=XL, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=Filled, enable=on, UX=hover, size=XL, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=M, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=XL, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=off, UX=default, size=XL, feature=text count",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=M, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=M, feature=yes",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=XL, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=XL, feature=text count",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=M, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=M, feature=yes",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=XL, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=XL, feature=text count",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=M, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=M, feature=yes",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=XL, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=XL, feature=text count",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=M, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=M, feature=yes",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=XL, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=XL, feature=text count",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=M, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=XL, feature=text count",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=M, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=M, feature=yes",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=XL, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=XL, feature=text count",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=M, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=M, feature=yes",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=XL, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=default, size=XL, feature=text count",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=M, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=M, feature=yes",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=XL, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=error, size=XL, feature=text count",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=M, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=M, feature=yes",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=XL, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=hover, size=XL, feature=text count",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=Filled, enable=off, UX=default, size=XL, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=M, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=XL, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=off, UX=default, size=XL, feature=text count",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=M, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=M, feature=yes",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=XL, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=XL, feature=text count",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=M, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=M, feature=yes",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=XL, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=XL, feature=text count",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=M, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=M, feature=yes",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=XL, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=XL, feature=text count",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=M, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=M, feature=yes",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=XL, feature=no",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "input box/line",
      "codePath": "src/canonical/InputBoxLine.vue, src/canonical/InputBoxBase.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=XL, feature=text count",
      "selector": ".input-wrap",
      "category": "size-mode-mismatch",
      "property": "width",
      "figma": {
        "value": 240
      },
      "code": {
        "value": "100%",
        "px": null,
        "sourcePath": "src/canonical/InputBoxBase.vue"
      },
      "delta": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "InputNumber",
      "codePath": "src/canonical/InputNumber.vue",
      "variant": "Property 1=Default",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--line-deep",
        "hex": "#353535",
        "figmaName": "Color Type/Line/Deep Divider"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "InputNumber",
      "codePath": "src/canonical/InputNumber.vue",
      "variant": "Property 1=Default",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-body",
        "hex": "#f8f8f8",
        "figmaName": "Color Type/Text/Text_1"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "InputNumber",
      "codePath": "src/canonical/InputNumber.vue",
      "variant": "Property 1=Only Add",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--line-deep",
        "hex": "#353535",
        "figmaName": "Color Type/Line/Deep Divider"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "InputNumber",
      "codePath": "src/canonical/InputNumber.vue",
      "variant": "Property 1=Only Add",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-body",
        "hex": "#f8f8f8",
        "figmaName": "Color Type/Text/Text_1"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "InputNumber",
      "codePath": "src/canonical/InputNumber.vue",
      "variant": "Property 1=Only Reduce",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--line-deep",
        "hex": "#353535",
        "figmaName": "Color Type/Line/Deep Divider"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "InputNumber",
      "codePath": "src/canonical/InputNumber.vue",
      "variant": "Property 1=Only Reduce",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-body",
        "hex": "#f8f8f8",
        "figmaName": "Color Type/Text/Text_1"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "InputNumber",
      "codePath": "src/canonical/InputNumber.vue",
      "variant": "Property 1=Readonly",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--line-deep",
        "hex": "#353535",
        "figmaName": "Color Type/Line/Deep Divider"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "InputNumber",
      "codePath": "src/canonical/InputNumber.vue",
      "variant": "Property 1=Readonly",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-grey-dis",
        "hex": "#7b7b7b",
        "figmaName": "Color Type/Text/Disable Grey Button"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Notification",
      "codePath": "src/canonical/Notification.vue",
      "variant": "theme=dark, status=error",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--bg-layer4",
        "hex": "#353535",
        "figmaName": "Color Type/Background/Layer_4"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "Notification",
      "codePath": "src/canonical/Notification.vue",
      "variant": "theme=dark, status=error",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--line-light",
        "hex": "#434343",
        "figmaName": "Color Type/Line/Light Divider"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "Notification",
      "codePath": "src/canonical/Notification.vue",
      "variant": "theme=dark, status=error",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-body",
        "hex": "#f8f8f8",
        "figmaName": "Color Type/Text/Text_1"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "Notification",
      "codePath": "src/canonical/Notification.vue",
      "variant": "theme=dark, status=info",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--bg-layer4",
        "hex": "#353535",
        "figmaName": "Color Type/Background/Layer_4"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "Notification",
      "codePath": "src/canonical/Notification.vue",
      "variant": "theme=dark, status=info",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--line-light",
        "hex": "#434343",
        "figmaName": "Color Type/Line/Light Divider"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "Notification",
      "codePath": "src/canonical/Notification.vue",
      "variant": "theme=dark, status=info",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-body",
        "hex": "#f8f8f8",
        "figmaName": "Color Type/Text/Text_1"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "Notification",
      "codePath": "src/canonical/Notification.vue",
      "variant": "theme=dark, status=pop confirm",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--bg-layer4",
        "hex": "#353535",
        "figmaName": "Color Type/Background/Layer_4"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "Notification",
      "codePath": "src/canonical/Notification.vue",
      "variant": "theme=dark, status=pop confirm",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--line-light",
        "hex": "#434343",
        "figmaName": "Color Type/Line/Light Divider"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "Notification",
      "codePath": "src/canonical/Notification.vue",
      "variant": "theme=dark, status=pop confirm",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-body",
        "hex": "#f8f8f8",
        "figmaName": "Color Type/Text/Text_1"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "Notification",
      "codePath": "src/canonical/Notification.vue",
      "variant": "theme=dark, status=quick confirm",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--bg-layer4",
        "hex": "#353535",
        "figmaName": "Color Type/Background/Layer_4"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "Notification",
      "codePath": "src/canonical/Notification.vue",
      "variant": "theme=dark, status=quick confirm",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--line-light",
        "hex": "#434343",
        "figmaName": "Color Type/Line/Light Divider"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "Notification",
      "codePath": "src/canonical/Notification.vue",
      "variant": "theme=dark, status=quick confirm",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-body",
        "hex": "#f8f8f8",
        "figmaName": "Color Type/Text/Text_1"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "Notification",
      "codePath": "src/canonical/Notification.vue",
      "variant": "theme=dark, status=secondary warning",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--bg-layer4",
        "hex": "#353535",
        "figmaName": "Color Type/Background/Layer_4"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "Notification",
      "codePath": "src/canonical/Notification.vue",
      "variant": "theme=dark, status=secondary warning",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--line-light",
        "hex": "#434343",
        "figmaName": "Color Type/Line/Light Divider"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "Notification",
      "codePath": "src/canonical/Notification.vue",
      "variant": "theme=dark, status=secondary warning",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-body",
        "hex": "#f8f8f8",
        "figmaName": "Color Type/Text/Text_1"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "Notification",
      "codePath": "src/canonical/Notification.vue",
      "variant": "theme=dark, status=side pop",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--bg-layer4",
        "hex": "#353535",
        "figmaName": "Color Type/Background/Layer_4"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "Notification",
      "codePath": "src/canonical/Notification.vue",
      "variant": "theme=dark, status=side pop",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--line-light",
        "hex": "#434343",
        "figmaName": "Color Type/Line/Light Divider"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "Notification",
      "codePath": "src/canonical/Notification.vue",
      "variant": "theme=dark, status=side pop",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-body",
        "hex": "#f8f8f8",
        "figmaName": "Color Type/Text/Text_1"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "Notification",
      "codePath": "src/canonical/Notification.vue",
      "variant": "theme=dark, status=warning",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--bg-layer4",
        "hex": "#353535",
        "figmaName": "Color Type/Background/Layer_4"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "Notification",
      "codePath": "src/canonical/Notification.vue",
      "variant": "theme=dark, status=warning",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--line-light",
        "hex": "#434343",
        "figmaName": "Color Type/Line/Light Divider"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "Notification",
      "codePath": "src/canonical/Notification.vue",
      "variant": "theme=dark, status=warning",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-body",
        "hex": "#f8f8f8",
        "figmaName": "Color Type/Text/Text_1"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "Notification",
      "codePath": "src/canonical/Notification.vue",
      "variant": "theme=light, status=error",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--bg-layer2",
        "hex": "#f8f8f8",
        "figmaName": "Color Type/Background/Layer_2"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "Notification",
      "codePath": "src/canonical/Notification.vue",
      "variant": "theme=light, status=error",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--line-light",
        "hex": "#cccccc",
        "figmaName": "Color Type/Line/Light Divider"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "Notification",
      "codePath": "src/canonical/Notification.vue",
      "variant": "theme=light, status=error",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-body",
        "hex": "#141414",
        "figmaName": "Color Type/Text/Text_1"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "Notification",
      "codePath": "src/canonical/Notification.vue",
      "variant": "theme=light, status=info",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--bg-layer2",
        "hex": "#f8f8f8",
        "figmaName": "Color Type/Background/Layer_2"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "Notification",
      "codePath": "src/canonical/Notification.vue",
      "variant": "theme=light, status=info",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--line-light",
        "hex": "#cccccc",
        "figmaName": "Color Type/Line/Light Divider"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "Notification",
      "codePath": "src/canonical/Notification.vue",
      "variant": "theme=light, status=info",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-body",
        "hex": "#141414",
        "figmaName": "Color Type/Text/Text_1"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "Notification",
      "codePath": "src/canonical/Notification.vue",
      "variant": "theme=light, status=pop confirm",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--bg-layer2",
        "hex": "#f8f8f8",
        "figmaName": "Color Type/Background/Layer_2"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "Notification",
      "codePath": "src/canonical/Notification.vue",
      "variant": "theme=light, status=pop confirm",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--line-light",
        "hex": "#cccccc",
        "figmaName": "Color Type/Line/Light Divider"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "Notification",
      "codePath": "src/canonical/Notification.vue",
      "variant": "theme=light, status=pop confirm",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-body",
        "hex": "#141414",
        "figmaName": "Color Type/Text/Text_1"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "Notification",
      "codePath": "src/canonical/Notification.vue",
      "variant": "theme=light, status=quick confirm",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--bg-layer2",
        "hex": "#f8f8f8",
        "figmaName": "Color Type/Background/Layer_2"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "Notification",
      "codePath": "src/canonical/Notification.vue",
      "variant": "theme=light, status=quick confirm",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--line-light",
        "hex": "#cccccc",
        "figmaName": "Color Type/Line/Light Divider"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "Notification",
      "codePath": "src/canonical/Notification.vue",
      "variant": "theme=light, status=quick confirm",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-body",
        "hex": "#141414",
        "figmaName": "Color Type/Text/Text_1"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "Notification",
      "codePath": "src/canonical/Notification.vue",
      "variant": "theme=light, status=secondary warning",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--bg-layer2",
        "hex": "#f8f8f8",
        "figmaName": "Color Type/Background/Layer_2"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "Notification",
      "codePath": "src/canonical/Notification.vue",
      "variant": "theme=light, status=secondary warning",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--line-light",
        "hex": "#cccccc",
        "figmaName": "Color Type/Line/Light Divider"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "Notification",
      "codePath": "src/canonical/Notification.vue",
      "variant": "theme=light, status=secondary warning",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-body",
        "hex": "#141414",
        "figmaName": "Color Type/Text/Text_1"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "Notification",
      "codePath": "src/canonical/Notification.vue",
      "variant": "theme=light, status=side pop",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--bg-layer2",
        "hex": "#f8f8f8",
        "figmaName": "Color Type/Background/Layer_2"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "Notification",
      "codePath": "src/canonical/Notification.vue",
      "variant": "theme=light, status=side pop",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--line-light",
        "hex": "#cccccc",
        "figmaName": "Color Type/Line/Light Divider"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "Notification",
      "codePath": "src/canonical/Notification.vue",
      "variant": "theme=light, status=side pop",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-body",
        "hex": "#141414",
        "figmaName": "Color Type/Text/Text_1"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "Notification",
      "codePath": "src/canonical/Notification.vue",
      "variant": "theme=light, status=warning",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--bg-layer2",
        "hex": "#f8f8f8",
        "figmaName": "Color Type/Background/Layer_2"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "Notification",
      "codePath": "src/canonical/Notification.vue",
      "variant": "theme=light, status=warning",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--line-light",
        "hex": "#cccccc",
        "figmaName": "Color Type/Line/Light Divider"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "Notification",
      "codePath": "src/canonical/Notification.vue",
      "variant": "theme=light, status=warning",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-body",
        "hex": "#141414",
        "figmaName": "Color Type/Text/Text_1"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "Pagination",
      "codePath": "src/canonical/Pagination.vue",
      "variant": "Type=Classic",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-tips",
        "hex": "#9e9e9e",
        "figmaName": "Color Type/Text/Tips"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Pagination",
      "codePath": "src/canonical/Pagination.vue",
      "variant": "Type=Simple",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-tips",
        "hex": "#9e9e9e",
        "figmaName": "Color Type/Text/Tips"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Pagination",
      "codePath": "src/canonical/Pagination.vue",
      "variant": "Type=Small",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-tips",
        "hex": "#9e9e9e",
        "figmaName": "Color Type/Text/Tips"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Popup Box",
      "codePath": "src/canonical/PopupBox.vue",
      "variant": "Theme=Dark",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-12",
        "hex": "#1f1f1f",
        "figmaName": "UX/Grey/grey-12 #1F1F1F"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Popup Box",
      "codePath": "src/canonical/PopupBox.vue",
      "variant": "Theme=Dark",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Popup Box",
      "codePath": "src/canonical/PopupBox.vue",
      "variant": "Theme=Dark",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Popup Box",
      "codePath": "src/canonical/PopupBox.vue",
      "variant": "Theme=Light",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Popup Box",
      "codePath": "src/canonical/PopupBox.vue",
      "variant": "Theme=Light",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--color-grey-3",
        "hex": "#f0f0f0",
        "figmaName": "UX/Grey/grey-3 #F0F0F0"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Popup Box",
      "codePath": "src/canonical/PopupBox.vue",
      "variant": "Theme=Light",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Progress",
      "codePath": "src/canonical/Progress.vue",
      "variant": "theme=dark, status=default, size=M",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": null
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "progress-pseudo-theme-accepted-divergence"
    },
    {
      "component": "Progress",
      "codePath": "src/canonical/Progress.vue",
      "variant": "theme=dark, status=default, size=S",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": null
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "progress-pseudo-theme-accepted-divergence"
    },
    {
      "component": "Progress",
      "codePath": "src/canonical/Progress.vue",
      "variant": "theme=dark, status=error, size=M",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": null
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "progress-pseudo-theme-accepted-divergence"
    },
    {
      "component": "Progress",
      "codePath": "src/canonical/Progress.vue",
      "variant": "theme=dark, status=error, size=S",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": null
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "progress-pseudo-theme-accepted-divergence"
    },
    {
      "component": "Progress",
      "codePath": "src/canonical/Progress.vue",
      "variant": "theme=dark, status=success, size=M",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": null
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "progress-pseudo-theme-accepted-divergence"
    },
    {
      "component": "Progress",
      "codePath": "src/canonical/Progress.vue",
      "variant": "theme=dark, status=success, size=S",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": null
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "progress-pseudo-theme-accepted-divergence"
    },
    {
      "component": "Progress",
      "codePath": "src/canonical/Progress.vue",
      "variant": "theme=dark, status=warning, size=M",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": null
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "progress-pseudo-theme-accepted-divergence"
    },
    {
      "component": "Progress",
      "codePath": "src/canonical/Progress.vue",
      "variant": "theme=dark, status=warning, size=S",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": null
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "progress-pseudo-theme-accepted-divergence"
    },
    {
      "component": "Progress",
      "codePath": "src/canonical/Progress.vue",
      "variant": "theme=light, status=default, size=M",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": null
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "progress-pseudo-theme-accepted-divergence"
    },
    {
      "component": "Progress",
      "codePath": "src/canonical/Progress.vue",
      "variant": "theme=light, status=default, size=S",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": null
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "progress-pseudo-theme-accepted-divergence"
    },
    {
      "component": "Progress",
      "codePath": "src/canonical/Progress.vue",
      "variant": "theme=light, status=error, size=M",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": null
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "progress-pseudo-theme-accepted-divergence"
    },
    {
      "component": "Progress",
      "codePath": "src/canonical/Progress.vue",
      "variant": "theme=light, status=error, size=S",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": null
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "progress-pseudo-theme-accepted-divergence"
    },
    {
      "component": "Progress",
      "codePath": "src/canonical/Progress.vue",
      "variant": "theme=light, status=success, size=M",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": null
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "progress-pseudo-theme-accepted-divergence"
    },
    {
      "component": "Progress",
      "codePath": "src/canonical/Progress.vue",
      "variant": "theme=light, status=success, size=S",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": null
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "progress-pseudo-theme-accepted-divergence"
    },
    {
      "component": "Progress",
      "codePath": "src/canonical/Progress.vue",
      "variant": "theme=light, status=warning, size=M",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": null
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "progress-pseudo-theme-accepted-divergence"
    },
    {
      "component": "Progress",
      "codePath": "src/canonical/Progress.vue",
      "variant": "theme=light, status=warning, size=S",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": null
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "progress-pseudo-theme-accepted-divergence"
    },
    {
      "component": "prompt message",
      "codePath": "src/canonical/PromptMessage.vue",
      "variant": "status=error, size=L",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--red-bg",
        "hex": "#fff1f0",
        "figmaName": "UX/Red/Msg-bg"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, promptmessage-interact-design-state, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "prompt message",
      "codePath": "src/canonical/PromptMessage.vue",
      "variant": "status=error, size=L",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, promptmessage-interact-design-state, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "prompt message",
      "codePath": "src/canonical/PromptMessage.vue",
      "variant": "status=error, size=M",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--red-bg",
        "hex": "#fff1f0",
        "figmaName": "UX/Red/Msg-bg"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, promptmessage-interact-design-state, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "prompt message",
      "codePath": "src/canonical/PromptMessage.vue",
      "variant": "status=error, size=M",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--red",
        "hex": "#ea4233",
        "figmaName": "UX/Red/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, promptmessage-interact-design-state, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "prompt message",
      "codePath": "src/canonical/PromptMessage.vue",
      "variant": "status=info, size=L",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--blue-bg",
        "hex": "#e1eefd",
        "figmaName": "UX/Blue/Msg-bg"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, promptmessage-interact-design-state, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "prompt message",
      "codePath": "src/canonical/PromptMessage.vue",
      "variant": "status=info, size=L",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--blue",
        "hex": "#3892f3",
        "figmaName": "UX/Blue/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, promptmessage-interact-design-state, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "prompt message",
      "codePath": "src/canonical/PromptMessage.vue",
      "variant": "status=info, size=M",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--blue-bg",
        "hex": "#e1eefd",
        "figmaName": "UX/Blue/Msg-bg"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, promptmessage-interact-design-state, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "prompt message",
      "codePath": "src/canonical/PromptMessage.vue",
      "variant": "status=info, size=M",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--blue",
        "hex": "#3892f3",
        "figmaName": "UX/Blue/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, promptmessage-interact-design-state, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "prompt message",
      "codePath": "src/canonical/PromptMessage.vue",
      "variant": "status=success, size=L",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, promptmessage-interact-design-state, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "prompt message",
      "codePath": "src/canonical/PromptMessage.vue",
      "variant": "status=success, size=L",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, promptmessage-interact-design-state, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "prompt message",
      "codePath": "src/canonical/PromptMessage.vue",
      "variant": "status=success, size=M",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--brand-match",
        "hex": "#f1fbf3",
        "figmaName": "UX/Brand/Match,Hover"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, promptmessage-interact-design-state, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "prompt message",
      "codePath": "src/canonical/PromptMessage.vue",
      "variant": "status=success, size=M",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, promptmessage-interact-design-state, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "prompt message",
      "codePath": "src/canonical/PromptMessage.vue",
      "variant": "status=warning, size=L",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--orange-bg",
        "hex": "#fff3db",
        "figmaName": "UX/Orange/Msg-bg"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, promptmessage-interact-design-state, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "prompt message",
      "codePath": "src/canonical/PromptMessage.vue",
      "variant": "status=warning, size=L",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, promptmessage-interact-design-state, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "prompt message",
      "codePath": "src/canonical/PromptMessage.vue",
      "variant": "status=warning, size=M",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--orange-bg",
        "hex": "#fff3db",
        "figmaName": "UX/Orange/Msg-bg"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, promptmessage-interact-design-state, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "prompt message",
      "codePath": "src/canonical/PromptMessage.vue",
      "variant": "status=warning, size=M",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--orange",
        "hex": "#f68512",
        "figmaName": "UX/Orange/Default"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-content-slot-vue-slot, promptmessage-interact-design-state, msg-bg-tinted-dark-set-2026-05-19"
    },
    {
      "component": "radio",
      "codePath": "src/canonical/Radio.vue",
      "variant": "dark theme=off, status=off, enable=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-disabled",
        "hex": "#cccccc",
        "figmaName": "Color Type/Text/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-dark-theme-design-state, figma-enable-design-state, figma-status-design-state-values, figma-show-icon-option-design-state, figma-icon-slot-vue-slot"
    },
    {
      "component": "radio",
      "codePath": "src/canonical/Radio.vue",
      "variant": "dark theme=off, status=off, enable=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-dark-theme-design-state, figma-enable-design-state, figma-status-design-state-values, figma-show-icon-option-design-state, figma-icon-slot-vue-slot"
    },
    {
      "component": "radio",
      "codePath": "src/canonical/Radio.vue",
      "variant": "dark theme=off, status=on, enable=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-disabled",
        "hex": "#cccccc",
        "figmaName": "Color Type/Text/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-dark-theme-design-state, figma-enable-design-state, figma-status-design-state-values, figma-show-icon-option-design-state, figma-icon-slot-vue-slot"
    },
    {
      "component": "radio",
      "codePath": "src/canonical/Radio.vue",
      "variant": "dark theme=off, status=on, enable=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-dark-theme-design-state, figma-enable-design-state, figma-status-design-state-values, figma-show-icon-option-design-state, figma-icon-slot-vue-slot"
    },
    {
      "component": "radio",
      "codePath": "src/canonical/Radio.vue",
      "variant": "dark theme=on, status=off, enable=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-disabled",
        "hex": "#595959",
        "figmaName": "Color Type/Text/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-dark-theme-design-state, figma-enable-design-state, figma-status-design-state-values, figma-show-icon-option-design-state, figma-icon-slot-vue-slot"
    },
    {
      "component": "radio",
      "codePath": "src/canonical/Radio.vue",
      "variant": "dark theme=on, status=off, enable=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-body",
        "hex": "#f8f8f8",
        "figmaName": "Color Type/Text/Text_1"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-dark-theme-design-state, figma-enable-design-state, figma-status-design-state-values, figma-show-icon-option-design-state, figma-icon-slot-vue-slot"
    },
    {
      "component": "radio",
      "codePath": "src/canonical/Radio.vue",
      "variant": "dark theme=on, status=on, enable=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-disabled",
        "hex": "#595959",
        "figmaName": "Color Type/Text/Disable"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-dark-theme-design-state, figma-enable-design-state, figma-status-design-state-values, figma-show-icon-option-design-state, figma-icon-slot-vue-slot"
    },
    {
      "component": "radio",
      "codePath": "src/canonical/Radio.vue",
      "variant": "dark theme=on, status=on, enable=yes",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-body",
        "hex": "#f8f8f8",
        "figmaName": "Color Type/Text/Text_1"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-dark-theme-design-state, figma-enable-design-state, figma-status-design-state-values, figma-show-icon-option-design-state, figma-icon-slot-vue-slot"
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=L, feature=date",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=L, feature=time",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=click, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=default, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=editable, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=error, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=hover, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=M, feature=date",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=M, feature=time",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=M, feature=date",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=M, feature=time",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=editable, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=M, feature=date",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=M, feature=time",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=M, feature=date",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=M, feature=time",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=L, feature=date",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=L, feature=time",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=click, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=default, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=editable, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=error, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=hover, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=M, feature=date",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=M, feature=time",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=M, feature=date",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=M, feature=time",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=editable, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=M, feature=date",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=M, feature=time",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=M, feature=date",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/filled",
      "codePath": "src/canonical/SelectBoxFilled.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=M, feature=time",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=L, feature=date",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=default, enable=off, UX=default, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "expectedCodeCssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": "UX/Grey/grey-5 #CCCCCC"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "light": "#cccccc"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=click, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=default, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=editable, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=error, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=multi select, enable=on, UX=hover, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=M, feature=date",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=click, size=M, feature=time",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=M, feature=date",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=default, size=M, feature=time",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=editable, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=M, feature=date",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=error, size=M, feature=time",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=M, feature=date",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=off, status=normal, enable=on, UX=hover, size=M, feature=time",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "expectedCodeCssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "light": "#141414"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "light",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=L, feature=date",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=off, UX=default, size=L, feature=time",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=click, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=default, enable=on, UX=editable, size=L, feature=default",
      "selector": ".dropdown-item--disabled",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-8",
        "expectedCodeCssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": {
        "cssVar": "--control-disabled-text",
        "value": "var(--control-disabled-text)",
        "resolvedHex": {
          "--control-disabled-text": {
            "dark": "#595959"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=click, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=default, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=editable, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=error, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=multi select, enable=on, UX=hover, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=M, feature=date",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=click, size=M, feature=time",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=M, feature=date",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=default, size=M, feature=time",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=editable, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=M, feature=date",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=error, size=M, feature=time",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=M, feature=date",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=M, feature=default",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "select box/line",
      "codePath": "src/canonical/SelectBoxLine.vue, src/canonical/SelectBoxBase.vue, src/canonical/DropDownListSelect.vue",
      "variant": "dark theme=on, status=normal, enable=on, UX=hover, size=M, feature=time",
      "selector": ".dropdown-item",
      "category": "color-token-mismatch",
      "property": "color",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "expectedCodeCssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": {
        "cssVar": "--text-body",
        "value": "var(--text-body)",
        "resolvedHex": {
          "--text-body": {
            "dark": "#f8f8f8"
          }
        },
        "sourcePath": "src/canonical/DropDownListSelect.vue"
      },
      "equivalence": "theme-asymmetric",
      "equivalentThemes": "dark",
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Slider",
      "codePath": "src/canonical/Slider.vue",
      "variant": "theme=dark, size=M",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": null
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Slider",
      "codePath": "src/canonical/Slider.vue",
      "variant": "theme=dark, size=S",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": null
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Slider",
      "codePath": "src/canonical/Slider.vue",
      "variant": "theme=light, size=M",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": null
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Slider",
      "codePath": "src/canonical/Slider.vue",
      "variant": "theme=light, size=S",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-5",
        "hex": "#cccccc",
        "figmaName": null
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Step/Item",
      "codePath": "src/canonical/Steps.vue, src/canonical/StepItem.vue",
      "variant": "direction=horizontal, style=icon, state=active",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-primary-btn",
        "hex": "#ffffff",
        "figmaName": null
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "steps-item-container-topology"
    },
    {
      "component": "Step/Item",
      "codePath": "src/canonical/Steps.vue, src/canonical/StepItem.vue",
      "variant": "direction=horizontal, style=icon, state=completed",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "steps-item-container-topology"
    },
    {
      "component": "Step/Item",
      "codePath": "src/canonical/Steps.vue, src/canonical/StepItem.vue",
      "variant": "direction=horizontal, style=icon, state=pending",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-placeholder",
        "hex": "#7b7b7b",
        "figmaName": "Color Type/Text/Placeholder & Button"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "steps-item-container-topology"
    },
    {
      "component": "Step/Item",
      "codePath": "src/canonical/Steps.vue, src/canonical/StepItem.vue",
      "variant": "direction=horizontal, style=number, state=active",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-primary-btn",
        "hex": "#ffffff",
        "figmaName": null
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "steps-item-container-topology"
    },
    {
      "component": "Step/Item",
      "codePath": "src/canonical/Steps.vue, src/canonical/StepItem.vue",
      "variant": "direction=horizontal, style=number, state=completed",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "steps-item-container-topology"
    },
    {
      "component": "Step/Item",
      "codePath": "src/canonical/Steps.vue, src/canonical/StepItem.vue",
      "variant": "direction=horizontal, style=number, state=pending",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-placeholder",
        "hex": "#7b7b7b",
        "figmaName": "Color Type/Text/Placeholder & Button"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "steps-item-container-topology"
    },
    {
      "component": "Step/Item",
      "codePath": "src/canonical/Steps.vue, src/canonical/StepItem.vue",
      "variant": "direction=vertical, style=number, state=active",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-primary-btn",
        "hex": "#ffffff",
        "figmaName": null
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "steps-item-container-topology"
    },
    {
      "component": "Step/Item",
      "codePath": "src/canonical/Steps.vue, src/canonical/StepItem.vue",
      "variant": "direction=vertical, style=number, state=completed",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "steps-item-container-topology"
    },
    {
      "component": "Step/Item",
      "codePath": "src/canonical/Steps.vue, src/canonical/StepItem.vue",
      "variant": "direction=vertical, style=number, state=pending",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-placeholder",
        "hex": "#7b7b7b",
        "figmaName": "Color Type/Text/Placeholder & Button"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "steps-item-container-topology"
    },
    {
      "component": "switch",
      "codePath": "src/canonical/Switch.vue",
      "variant": "dark theme=off, status=off, enable=yes, loading=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-6",
        "hex": "#9e9e9e",
        "figmaName": "UX/Grey/grey-6 #9E9E9E"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-dark-theme-design-state, figma-enable-design-state"
    },
    {
      "component": "switch",
      "codePath": "src/canonical/Switch.vue",
      "variant": "dark theme=off, status=on, enable=yes, loading=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--brand",
        "hex": "#299f45",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-dark-theme-design-state, figma-enable-design-state"
    },
    {
      "component": "switch",
      "codePath": "src/canonical/Switch.vue",
      "variant": "dark theme=on, status=off, enable=yes, loading=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--color-grey-8",
        "hex": "#595959",
        "figmaName": "UX/Grey/grey-8 #595959"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-dark-theme-design-state, figma-enable-design-state"
    },
    {
      "component": "switch",
      "codePath": "src/canonical/Switch.vue",
      "variant": "dark theme=on, status=on, enable=yes, loading=no",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-dark-theme-design-state, figma-enable-design-state"
    },
    {
      "component": "Tab List",
      "codePath": "src/canonical/TabList.vue",
      "variant": "Type=Filled",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--bg-layer2",
        "hex": "#1f1f1f",
        "figmaName": "Color Type/Background/Layer_2"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Tab List",
      "codePath": "src/canonical/TabList.vue",
      "variant": "Type=Filled",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--line-deep",
        "hex": "#353535",
        "figmaName": "Color Type/Line/Deep Divider"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Tab List",
      "codePath": "src/canonical/TabList.vue",
      "variant": "Type=Filled",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-primary-btn",
        "hex": "#ffffff",
        "figmaName": "Color Type/Text/Primary Button"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Tab List",
      "codePath": "src/canonical/TabList.vue",
      "variant": "Type=Line",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--line-deep",
        "hex": "#353535",
        "figmaName": "Color Type/Line/Deep Divider"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Tab List",
      "codePath": "src/canonical/TabList.vue",
      "variant": "Type=Line",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-body",
        "hex": "#f8f8f8",
        "figmaName": "Color Type/Text/Text_1"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Tab List",
      "codePath": "src/canonical/TabList.vue",
      "variant": "Type=Text",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-body",
        "hex": "#f8f8f8",
        "figmaName": "Color Type/Text/Text_1"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Tab/Item",
      "codePath": "src/canonical/Tab.vue, src/canonical/TabItem.vue",
      "variant": "Property 1=Active, Property 2=Green, Type=Filled",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Tab/Item",
      "codePath": "src/canonical/Tab.vue, src/canonical/TabItem.vue",
      "variant": "Property 1=Active, Property 2=Green, Type=Filled",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-primary-btn",
        "hex": "#ffffff",
        "figmaName": "Color Type/Text/Primary Button"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Tab/Item",
      "codePath": "src/canonical/Tab.vue, src/canonical/TabItem.vue",
      "variant": "Property 1=Active, Property 2=Green, Type=Line",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Tab/Item",
      "codePath": "src/canonical/Tab.vue, src/canonical/TabItem.vue",
      "variant": "Property 1=Active, Property 2=Green, Type=Line",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--brand",
        "hex": "#2fb54e",
        "figmaName": "UX/Brand/Brand"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Tab/Item",
      "codePath": "src/canonical/Tab.vue, src/canonical/TabItem.vue",
      "variant": "Property 1=Active, Property 2=White, Type=Line",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--line-light",
        "hex": "#434343",
        "figmaName": "Color Type/Line/Light Divider"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Tab/Item",
      "codePath": "src/canonical/Tab.vue, src/canonical/TabItem.vue",
      "variant": "Property 1=Active, Property 2=White, Type=Line",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-body",
        "hex": "#f8f8f8",
        "figmaName": "Color Type/Text/Text_1"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Tab/Item",
      "codePath": "src/canonical/Tab.vue, src/canonical/TabItem.vue",
      "variant": "Property 1=Active, Property 2=White, Type=Text",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-body",
        "hex": "#f8f8f8",
        "figmaName": "Color Type/Text/Text_1"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Tab/Item",
      "codePath": "src/canonical/Tab.vue, src/canonical/TabItem.vue",
      "variant": "Property 1=Normal, Property 2=White, Type=Filled",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--bg-layer4",
        "hex": "#353535",
        "figmaName": "Color Type/Background/Layer_4"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Tab/Item",
      "codePath": "src/canonical/Tab.vue, src/canonical/TabItem.vue",
      "variant": "Property 1=Normal, Property 2=White, Type=Filled",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-2",
        "hex": "#cccccc",
        "figmaName": "Color Type/Text/Text_2"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Tab/Item",
      "codePath": "src/canonical/Tab.vue, src/canonical/TabItem.vue",
      "variant": "Property 1=Normal, Property 2=White, Type=Line",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-tips",
        "hex": "#9e9e9e",
        "figmaName": "Color Type/Text/Tips"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Table",
      "codePath": "src/canonical/Table.vue",
      "variant": "Type=Header, Align=Center",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-tips",
        "hex": "#9e9e9e",
        "figmaName": "Color Type/Text/Tips"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Table",
      "codePath": "src/canonical/Table.vue",
      "variant": "Type=Header, Align=Left",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-tips",
        "hex": "#9e9e9e",
        "figmaName": "Color Type/Text/Tips"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Table",
      "codePath": "src/canonical/Table.vue",
      "variant": "Type=Header, Align=Right",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-tips",
        "hex": "#9e9e9e",
        "figmaName": "Color Type/Text/Tips"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Table",
      "codePath": "src/canonical/Table.vue",
      "variant": "Type=Tbody, Align=Center",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-body",
        "hex": "#f8f8f8",
        "figmaName": "Color Type/Text/Text_1"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Table",
      "codePath": "src/canonical/Table.vue",
      "variant": "Type=Tbody, Align=Left",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-body",
        "hex": "#f8f8f8",
        "figmaName": "Color Type/Text/Text_1"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Table",
      "codePath": "src/canonical/Table.vue",
      "variant": "Type=Tbody, Align=Right",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-body",
        "hex": "#f8f8f8",
        "figmaName": "Color Type/Text/Text_1"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Tooltips",
      "codePath": "src/canonical/Tooltip.vue",
      "variant": "dark theme=off, pointing=Center down",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-dark-theme-design-state"
    },
    {
      "component": "Tooltips",
      "codePath": "src/canonical/Tooltip.vue",
      "variant": "dark theme=off, pointing=Center up",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-dark-theme-design-state"
    },
    {
      "component": "Tooltips",
      "codePath": "src/canonical/Tooltip.vue",
      "variant": "dark theme=off, pointing=left down",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-dark-theme-design-state"
    },
    {
      "component": "Tooltips",
      "codePath": "src/canonical/Tooltip.vue",
      "variant": "dark theme=off, pointing=left up",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-dark-theme-design-state"
    },
    {
      "component": "Tooltips",
      "codePath": "src/canonical/Tooltip.vue",
      "variant": "dark theme=off, pointing=right down",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-dark-theme-design-state"
    },
    {
      "component": "Tooltips",
      "codePath": "src/canonical/Tooltip.vue",
      "variant": "dark theme=off, pointing=right up",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-13",
        "hex": "#141414",
        "figmaName": "UX/Grey/grey-13 #141414"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-dark-theme-design-state"
    },
    {
      "component": "Tooltips",
      "codePath": "src/canonical/Tooltip.vue",
      "variant": "dark theme=on, pointing=Center down",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-dark-theme-design-state"
    },
    {
      "component": "Tooltips",
      "codePath": "src/canonical/Tooltip.vue",
      "variant": "dark theme=on, pointing=Center up",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-dark-theme-design-state"
    },
    {
      "component": "Tooltips",
      "codePath": "src/canonical/Tooltip.vue",
      "variant": "dark theme=on, pointing=left down",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-dark-theme-design-state"
    },
    {
      "component": "Tooltips",
      "codePath": "src/canonical/Tooltip.vue",
      "variant": "dark theme=on, pointing=left up",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-dark-theme-design-state"
    },
    {
      "component": "Tooltips",
      "codePath": "src/canonical/Tooltip.vue",
      "variant": "dark theme=on, pointing=right down",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-dark-theme-design-state"
    },
    {
      "component": "Tooltips",
      "codePath": "src/canonical/Tooltip.vue",
      "variant": "dark theme=on, pointing=right up",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--color-grey-2",
        "hex": "#f8f8f8",
        "figmaName": "UX/Grey/grey-2 #F8F8F8"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": true,
      "allowlistRef": "figma-dark-theme-design-state"
    },
    {
      "component": "Top bar",
      "codePath": "src/canonical/TopBar.vue",
      "variant": "Tag=After Login",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--bg-topbar",
        "hex": "#000000",
        "figmaName": "Color Type/Background/Top Bar"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Top bar",
      "codePath": "src/canonical/TopBar.vue",
      "variant": "Tag=After Login",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--line-deep",
        "hex": "#353535",
        "figmaName": "Color Type/Line/Deep Divider"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Top bar",
      "codePath": "src/canonical/TopBar.vue",
      "variant": "Tag=After Login",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-heading",
        "hex": "#ffffff",
        "figmaName": "Color Type/Text/Heading & Button"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Top bar",
      "codePath": "src/canonical/TopBar.vue",
      "variant": "Tag=Before Login",
      "selector": null,
      "category": "color-token-missing",
      "property": "background|background-color",
      "figma": {
        "role": "fill",
        "cssVar": "--bg-topbar",
        "hex": "#000000",
        "figmaName": "Color Type/Background/Top Bar"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Top bar",
      "codePath": "src/canonical/TopBar.vue",
      "variant": "Tag=Before Login",
      "selector": null,
      "category": "color-token-missing",
      "property": "border-color",
      "figma": {
        "role": "stroke",
        "cssVar": "--line-deep",
        "hex": "#353535",
        "figmaName": "Color Type/Line/Deep Divider"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    },
    {
      "component": "Top bar",
      "codePath": "src/canonical/TopBar.vue",
      "variant": "Tag=Before Login",
      "selector": null,
      "category": "color-token-missing",
      "property": "color|fill",
      "figma": {
        "role": "text",
        "cssVar": "--text-heading",
        "hex": "#ffffff",
        "figmaName": "Color Type/Text/Heading & Button"
      },
      "code": null,
      "severity": "drift",
      "allowlisted": false,
      "allowlistRef": null
    }
  ]
}