{
  "plugins": [
    "react",
    "import"
  ],
  "rules": {
    "react/forbid-elements": [
      "warn",
      {
        "forbid": []
      }
    ],
    "no-restricted-imports": [
      "warn",
      {
        "patterns": [
          {
            "group": [
              "ui_kits/experience-web/**"
            ],
            "message": "Import design-system components from 'index.js', not component internals."
          }
        ]
      }
    ],
    "no-restricted-syntax": [
      "warn",
      {
        "selector": "Literal[value=/#[0-9a-fA-F]{3,8}\\b/]",
        "message": "Raw hex color — use a design-system color token via var()."
      },
      {
        "selector": "Literal[value=/\\b\\d+px\\b/]",
        "message": "Raw px value — use a design-system spacing token via var()."
      },
      {
        "selector": "Literal[value=/font-family\\s*:\\s*(?!['\\\"]?(?:Pelak|Vazirmatn|Material Symbols Outlined))/i]",
        "message": "Font not provided by the design system. Available: Pelak, Vazirmatn, Material Symbols Outlined."
      }
    ]
  },
  "overrides": [
    {
      "files": [
        "**/index.js"
      ],
      "rules": {
        "no-restricted-imports": "off"
      }
    }
  ],
  "x-omelette": {
    "components": {},
    "tokens": [
      "--brand-red",
      "--brand-red-container",
      "--brand-red-deep",
      "--brand-red-ink",
      "--brand-red-soft",
      "--brand-teal",
      "--brand-teal-container",
      "--brand-umber",
      "--brand-umber-container",
      "--brand-warm",
      "--container-max",
      "--error",
      "--error-container",
      "--font-display",
      "--font-icon",
      "--font-sans",
      "--font-serif",
      "--gutter",
      "--inverse-on-surface",
      "--inverse-surface",
      "--margin-desktop",
      "--margin-mobile",
      "--on-background",
      "--on-error",
      "--on-error-container",
      "--on-primary",
      "--on-primary-container",
      "--on-secondary",
      "--on-secondary-container",
      "--on-surface",
      "--on-surface-variant",
      "--on-tertiary",
      "--on-tertiary-container",
      "--outline",
      "--outline-sepia",
      "--outline-variant",
      "--primary",
      "--primary-container",
      "--radius-2xl",
      "--radius-3xl",
      "--radius-arch",
      "--radius-lg",
      "--radius-md",
      "--radius-pill",
      "--radius-sm",
      "--radius-xl",
      "--radius-xs",
      "--secondary",
      "--secondary-container",
      "--shadow-paper",
      "--shadow-paper-lg",
      "--shadow-paper-md",
      "--shadow-primary-cta",
      "--space-1",
      "--space-2",
      "--space-3",
      "--space-4",
      "--space-5",
      "--space-6",
      "--space-7",
      "--space-8",
      "--space-unit",
      "--surface",
      "--surface-bright",
      "--surface-container",
      "--surface-container-high",
      "--surface-container-highest",
      "--surface-container-low",
      "--surface-container-lowest",
      "--surface-dim",
      "--surface-variant",
      "--tertiary",
      "--tertiary-container"
    ],
    "tokenKinds": {
      "--brand-red": "color",
      "--brand-red-deep": "color",
      "--brand-red-container": "color",
      "--brand-red-soft": "color",
      "--brand-red-ink": "color",
      "--brand-teal": "color",
      "--brand-teal-container": "color",
      "--brand-umber": "color",
      "--brand-umber-container": "color",
      "--brand-warm": "color",
      "--surface": "color",
      "--surface-bright": "color",
      "--surface-dim": "color",
      "--surface-container-lowest": "color",
      "--surface-container-low": "color",
      "--surface-container": "color",
      "--surface-container-high": "color",
      "--surface-container-highest": "color",
      "--surface-variant": "color",
      "--on-surface": "color",
      "--on-surface-variant": "color",
      "--on-background": "color",
      "--inverse-surface": "color",
      "--inverse-on-surface": "color",
      "--outline": "color",
      "--outline-variant": "color",
      "--outline-sepia": "color",
      "--primary": "color",
      "--on-primary": "color",
      "--primary-container": "color",
      "--on-primary-container": "color",
      "--secondary": "color",
      "--on-secondary": "color",
      "--secondary-container": "color",
      "--on-secondary-container": "color",
      "--tertiary": "color",
      "--on-tertiary": "color",
      "--tertiary-container": "color",
      "--on-tertiary-container": "color",
      "--error": "color",
      "--on-error": "color",
      "--error-container": "color",
      "--on-error-container": "color",
      "--shadow-paper": "shadow",
      "--shadow-paper-md": "shadow",
      "--shadow-paper-lg": "shadow",
      "--shadow-primary-cta": "shadow",
      "--radius-xs": "radius",
      "--radius-sm": "radius",
      "--radius-md": "radius",
      "--radius-lg": "radius",
      "--radius-xl": "radius",
      "--radius-2xl": "radius",
      "--radius-3xl": "radius",
      "--radius-arch": "radius",
      "--radius-pill": "radius",
      "--space-unit": "spacing",
      "--space-1": "spacing",
      "--space-2": "spacing",
      "--space-3": "spacing",
      "--space-4": "spacing",
      "--space-5": "spacing",
      "--space-6": "spacing",
      "--space-7": "spacing",
      "--space-8": "spacing",
      "--gutter": "spacing",
      "--margin-mobile": "spacing",
      "--margin-desktop": "spacing",
      "--container-max": "spacing",
      "--font-display": "font",
      "--font-serif": "font",
      "--font-sans": "font",
      "--font-icon": "font"
    },
    "fontFamilies": [
      "Material Symbols Outlined",
      "Pelak",
      "Vazirmatn"
    ]
  }
}