@devexpress/design-tokens-internal 261.0.2 → 261.0.3

package/tokens/components/core/ai-chat/fluent.json

@@ -0,0 +1,956 @@
+{
+  "ai-chat": {
+    "prompt-suggestion-item": {
+      "color": {
+        "icon": {
+          "rest": {
+            "$type": "color",
+            "$value": "{color.content.neutral.default.rest}"
+          },
+          "disabled": {
+            "$type": "color",
+            "$value": "{color.content.neutral.default.disabled}"
+          }
+        },
+        "subtitle": {
+          "rest": {
+            "$type": "color",
+            "$value": "{color.content.neutral.subdued.rest}"
+          },
+          "disabled": {
+            "$type": "color",
+            "$value": "{color.content.neutral.subdued.disabled}"
+          }
+        },
+        "bg": {
+          "rest": {
+            "$type": "color",
+            "$value": "{color.surface.neutral.default.rest}"
+          },
+          "hovered": {
+            "$type": "color",
+            "$value": "{color.surface.neutral.default.hovered}"
+          },
+          "active": {
+            "$type": "color",
+            "$value": "{color.surface.neutral.default.active}"
+          },
+          "disabled": {
+            "$type": "color",
+            "$value": "{color.surface.neutral.default.disabled}"
+          }
+        },
+        "border": {
+          "rest": {
+            "$type": "color",
+            "$value": "{color.border.neutral.default.rest}"
+          },
+          "hovered": {
+            "$type": "color",
+            "$value": "{color.border.neutral.default.hovered}"
+          },
+          "active": {
+            "$type": "color",
+            "$value": "{color.border.neutral.default.active}"
+          },
+          "disabled": {
+            "$type": "color",
+            "$value": "{color.border.neutral.default.disabled}"
+          },
+          "focused": {
+            "$type": "color",
+            "$value": "{color.border.transparent.rest}"
+          }
+        }
+      },
+      "borders": {
+        "border-radius": {
+          "small": {
+            "$type": "number",
+            "$value": "{border-radius.80}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{border-radius.80}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{border-radius.80}"
+          }
+        },
+        "border-width": {
+          "small": {
+            "$type": "number",
+            "$value": "{border-width.10}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{border-width.10}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{border-width.10}"
+          }
+        }
+      },
+      "typography": {
+        "title": {
+          "font-weight": {
+            "small": {
+              "$type": "number",
+              "$value": "{font-weight.base.strong}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{font-weight.base.strong}"
+            },
+            "large": {
+              "$type": "number",
+              "$value": "{font-weight.base.strong}"
+            }
+          }
+        },
+        "subtitle": {
+          "font-size": {
+            "medium": {
+              "$type": "number",
+              "$value": "{font-size.caption.md}"
+            },
+            "large": {
+              "$type": "number",
+              "$value": "{font-size.caption.lg}"
+            },
+            "small": {
+              "$type": "number",
+              "$value": "{font-size.caption.md}"
+            }
+          },
+          "line-height": {
+            "medium": {
+              "$type": "number",
+              "$value": "{line-height.caption.md}"
+            },
+            "large": {
+              "$type": "number",
+              "$value": "{line-height.caption.lg}"
+            },
+            "small": {
+              "$type": "number",
+              "$value": "{line-height.caption.md}"
+            }
+          },
+          "letter-spacing": {
+            "small": {
+              "$type": "number",
+              "$value": "{letter-spacing.caption.md}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{letter-spacing.caption.md}"
+            },
+            "large": {
+              "$type": "number",
+              "$value": "{letter-spacing.caption.lg}"
+            }
+          },
+          "font-weight": {
+            "small": {
+              "$type": "number",
+              "$value": "{font-weight.caption.default}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{font-weight.caption.default}"
+            },
+            "large": {
+              "$type": "number",
+              "$value": "{font-weight.caption.default}"
+            }
+          }
+        }
+      },
+      "layout": {
+        "title-box": {
+          "gap": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.40}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.80}"
+            },
+            "large": {
+              "$type": "number",
+              "$value": "{spacing.80}"
+            }
+          }
+        },
+        "inner-box": {
+          "horizontal": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.110}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.150}"
+            },
+            "large": {
+              "$type": "number",
+              "$value": "{spacing.190}"
+            }
+          },
+          "gap": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.40}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.40}"
+            },
+            "large": {
+              "$type": "number",
+              "$value": "{spacing.60}"
+            }
+          },
+          "vertical": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.110}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.150}"
+            },
+            "large": {
+              "$type": "number",
+              "$value": "{spacing.170}"
+            }
+          },
+          "min-width": {
+            "small": {
+              "$type": "number",
+              "$value": 170
+            },
+            "medium": {
+              "$type": "number",
+              "$value": 210
+            },
+            "large": {
+              "$type": "number",
+              "$value": 250
+            }
+          },
+          "max-width": {
+            "small": {
+              "$type": "number",
+              "$value": 180
+            },
+            "medium": {
+              "$type": "number",
+              "$value": 220
+            },
+            "large": {
+              "$type": "number",
+              "$value": 260
+            }
+          }
+        }
+      },
+      "focus-rect": {
+        "layout": {
+          "offset": {
+            "offset": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            },
+            "outer-box": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            }
+          }
+        },
+        "borders": {
+          "border-radius": {
+            "small": {
+              "$type": "number",
+              "$value": "{border-radius.80}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{border-radius.80}"
+            },
+            "large": {
+              "$type": "number",
+              "$value": "{border-radius.80}"
+            }
+          }
+        }
+      }
+    },
+    "submit-area": {
+      "color": {
+        "bg": {
+          "rest": {
+            "$type": "color",
+            "$value": "{color.surface.neutral.default.rest}"
+          }
+        }
+      },
+      "layout": {
+        "vertical-start": {
+          "small": {
+            "$type": "number",
+            "$value": "{spacing.200}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{spacing.240}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{spacing.280}"
+          }
+        }
+      }
+    },
+    "chat-attachment-item": {
+      "color": {
+        "bg": {
+          "rest": {
+            "$type": "color",
+            "$value": "{color.surface.neutral.default.rest}"
+          }
+        },
+        "border": {
+          "rest": {
+            "$type": "color",
+            "$value": "{color.border.neutral.default.rest}"
+          }
+        },
+        "icon": {
+          "rest": {
+            "$type": "color",
+            "$value": "{color.content.neutral.default.rest}"
+          }
+        }
+      },
+      "borders": {
+        "border-radius": {
+          "small": {
+            "$type": "number",
+            "$value": "{spacing.60}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{spacing.60}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{spacing.60}"
+          }
+        },
+        "border-width": {
+          "small": {
+            "$type": "number",
+            "$value": "{border-width.10}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{border-width.10}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{border-width.10}"
+          }
+        }
+      },
+      "layout": {
+        "gap": {
+          "small": {
+            "$type": "number",
+            "$value": "{spacing.60}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{spacing.80}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{spacing.100}"
+          }
+        },
+        "horizontal": {
+          "small": {
+            "$type": "number",
+            "$value": "{spacing.70}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{spacing.90}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{spacing.110}"
+          }
+        },
+        "vertical": {
+          "small": {
+            "$type": "number",
+            "$value": "{spacing.70}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{spacing.90}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{spacing.110}"
+          }
+        }
+      }
+    },
+    "message-user": {
+      "color": {
+        "bg": {
+          "rest": {
+            "$type": "color",
+            "$value": "{color.surface.primary.deep.rest}"
+          }
+        },
+        "border": {
+          "rest": {
+            "$type": "color",
+            "$value": "{color.border.transparent.rest}"
+          }
+        }
+      },
+      "borders": {
+        "border-width": {
+          "small": {
+            "$type": "number",
+            "$value": "{border-width.10}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{border-width.10}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{border-width.10}"
+          }
+        },
+        "border-radius": {
+          "small": {
+            "$type": "number",
+            "$value": "{border-radius.60}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{border-radius.60}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{border-radius.60}"
+          }
+        }
+      },
+      "layout": {
+        "outer-box": {
+          "gap": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.40}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.60}"
+            },
+            "large": {
+              "$type": "number",
+              "$value": "{spacing.80}"
+            }
+          }
+        },
+        "inner-box": {
+          "horizontal": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.110}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.150}"
+            },
+            "large": {
+              "$type": "number",
+              "$value": "{spacing.190}"
+            }
+          },
+          "vertical": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.50}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.70}"
+            },
+            "large": {
+              "$type": "number",
+              "$value": "{spacing.80}"
+            }
+          }
+        }
+      }
+    },
+    "message-assistant": {
+      "color": {
+        "default": {
+          "bg": {
+            "rest": {
+              "$type": "color",
+              "$value": "{color.surface.neutral.subdued.rest}"
+            }
+          },
+          "border": {
+            "rest": {
+              "$type": "color",
+              "$value": "{color.border.transparent.rest}"
+            }
+          }
+        },
+        "error": {
+          "bg": {
+            "rest": {
+              "$type": "color",
+              "$value": "{color.surface.danger.deep.rest}"
+            }
+          },
+          "border": {
+            "rest": {
+              "$type": "color",
+              "$value": "{color.border.transparent.rest}"
+            }
+          },
+          "icon": {
+            "rest": {
+              "$type": "color",
+              "$value": "{color.content.danger.default.rest}"
+            }
+          }
+        }
+      },
+      "borders": {
+        "border-width": {
+          "small": {
+            "$type": "number",
+            "$value": "{border-width.10}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{border-width.10}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{border-width.10}"
+          }
+        },
+        "border-radius": {
+          "small": {
+            "$type": "number",
+            "$value": "{spacing.60}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{spacing.60}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{spacing.60}"
+          }
+        }
+      },
+      "layout": {
+        "inner-box": {
+          "gap": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.60}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.80}"
+            },
+            "large": {
+              "$type": "number",
+              "$value": "{spacing.100}"
+            }
+          },
+          "horizontal": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.110}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.150}"
+            },
+            "large": {
+              "$type": "number",
+              "$value": "{spacing.190}"
+            }
+          },
+          "vertical": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.50}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.70}"
+            },
+            "large": {
+              "$type": "number",
+              "$value": "{spacing.90}"
+            }
+          }
+        },
+        "message-box": {
+          "gap": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.40}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.60}"
+            },
+            "large": {
+              "$type": "number",
+              "$value": "{spacing.80}"
+            }
+          }
+        },
+        "button-box": {
+          "gap": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.10}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.10}"
+            },
+            "large": {
+              "$type": "number",
+              "$value": "{spacing.10}"
+            }
+          }
+        }
+      }
+    },
+    "prompt-suggestion-group": {
+      "color": {
+        "icon": {
+          "rest": {
+            "$type": "color",
+            "$value": "{color.content.neutral.subdued.rest}"
+          }
+        },
+        "title": {
+          "rest": {
+            "$type": "color",
+            "$value": "{color.content.neutral.subdued.rest}"
+          }
+        }
+      },
+      "layout": {
+        "inner-box": {
+          "gap": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.80}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.120}"
+            },
+            "large": {
+              "$type": "number",
+              "$value": "{spacing.160}"
+            }
+          }
+        },
+        "outer-box": {
+          "gap": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.240}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.320}"
+            },
+            "large": {
+              "$type": "number",
+              "$value": "{spacing.400}"
+            }
+          },
+          "max-width": {
+            "small": {
+              "$type": "number",
+              "$value": 556
+            },
+            "medium": {
+              "$type": "number",
+              "$value": 684
+            },
+            "large": {
+              "$type": "number",
+              "$value": 812
+            }
+          }
+        },
+        "title-box": {
+          "gap": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.20}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.20}"
+            },
+            "large": {
+              "$type": "number",
+              "$value": "{spacing.40}"
+            }
+          }
+        }
+      },
+      "typography": {
+        "title": {
+          "font-weight": {
+            "small": {
+              "$type": "number",
+              "$value": "{font-weight.title.default}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{font-weight.title.default}"
+            },
+            "large": {
+              "$type": "number",
+              "$value": "{font-weight.title.default}"
+            }
+          },
+          "font-size": {
+            "small": {
+              "$type": "number",
+              "$value": "{font-size.title.sm}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{font-size.title.md}"
+            },
+            "large": {
+              "$type": "number",
+              "$value": "{font-size.title.lg}"
+            }
+          },
+          "line-height": {
+            "small": {
+              "$type": "number",
+              "$value": "{line-height.title.sm}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{line-height.title.md}"
+            },
+            "large": {
+              "$type": "number",
+              "$value": "{line-height.title.lg}"
+            }
+          }
+        }
+      }
+    },
+    "chat-area": {
+      "color": {
+        "bg": {
+          "rest": {
+            "$type": "color",
+            "$value": "{color.surface.neutral.default.rest}"
+          }
+        }
+      }
+    },
+    "input": {
+      "layout": {
+        "inner-box": {
+          "gap": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            },
+            "large": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            }
+          }
+        },
+        "warning-box": {
+          "vertical-start": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.30}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.50}"
+            },
+            "large": {
+              "$type": "number",
+              "$value": "{spacing.70}"
+            }
+          },
+          "vertical-end": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.40}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.60}"
+            },
+            "large": {
+              "$type": "number",
+              "$value": "{spacing.80}"
+            }
+          }
+        },
+        "attachment-box": {
+          "gap": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.40}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.60}"
+            },
+            "large": {
+              "$type": "number",
+              "$value": "{spacing.80}"
+            }
+          },
+          "vertical": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.40}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.60}"
+            },
+            "large": {
+              "$type": "number",
+              "$value": "{spacing.80}"
+            }
+          }
+        },
+        "button-box": {
+          "vertical-end": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.30}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.50}"
+            },
+            "large": {
+              "$type": "number",
+              "$value": "{spacing.70}"
+            }
+          },
+          "vertical-start": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.40}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.60}"
+            },
+            "large": {
+              "$type": "number",
+              "$value": "{spacing.80}"
+            }
+          }
+        },
+        "input-box": {
+          "vertical": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.40}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.60}"
+            },
+            "large": {
+              "$type": "number",
+              "$value": "{spacing.80}"
+            }
+          }
+        }
+      }
+    },
+    "message-group": {
+      "layout": {
+        "gap": {
+          "small": {
+            "$type": "number",
+            "$value": "{spacing.80}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{spacing.120}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{spacing.160}"
+          }
+        }
+      }
+    },
+    "ai-chat": {
+      "layout": {
+        "outer-box": {
+          "gap": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            },
+            "large": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            }
+          }
+        }
+      }
+    }
+  }
+}