@devexpress/design-tokens-internal 261.0.2 → 261.0.3

package/tokens/components/web/toolbar/fluent.json

@@ -0,0 +1,1070 @@
+{
+  "toolbar": {
+    "toolbar": {
+      "box-shadow": {
+        "plain": {
+          "second-shadow": {
+            "color": {
+              "$type": "color",
+              "$value": "{box-shadow.layer-2.color.none}"
+            },
+            "y": {
+              "$type": "number",
+              "$value": "{box-shadow.layer-2.y.none}"
+            },
+            "blur": {
+              "$type": "number",
+              "$value": "{box-shadow.layer-2.blur.none}"
+            },
+            "spread": {
+              "$type": "number",
+              "$value": "{box-shadow.layer-2.spread.none}"
+            },
+            "x": {
+              "$type": "number",
+              "$value": "{box-shadow.layer-2.x.none}"
+            }
+          },
+          "first-shadow": {
+            "color": {
+              "$type": "color",
+              "$value": "{box-shadow.layer-1.color.none}"
+            },
+            "y": {
+              "$type": "number",
+              "$value": "{box-shadow.layer-1.y.none}"
+            },
+            "blur": {
+              "$type": "number",
+              "$value": "{box-shadow.layer-1.blur.none}"
+            },
+            "spread": {
+              "$type": "number",
+              "$value": "{box-shadow.layer-1.spread.none}"
+            },
+            "x": {
+              "$type": "number",
+              "$value": "{box-shadow.layer-1.x.none}"
+            }
+          }
+        },
+        "floating": {
+          "second-shadow": {
+            "color": {
+              "$type": "color",
+              "$value": "{box-shadow.layer-2.color.md}"
+            },
+            "spread": {
+              "$type": "number",
+              "$value": "{box-shadow.spread.second-shadow.shadow-3}"
+            },
+            "y": {
+              "$type": "number",
+              "$value": "{box-shadow.y.second-shadow.shadow-3}"
+            },
+            "x": {
+              "$type": "number",
+              "$value": "{box-shadow.x.second-shadow.shadow-3}"
+            },
+            "blur": {
+              "$type": "number",
+              "$value": "{box-shadow.blur.second-shadow.shadow-3}"
+            }
+          },
+          "first-shadow": {
+            "color": {
+              "$type": "color",
+              "$value": "{box-shadow.layer-1.color.md}"
+            },
+            "spread": {
+              "$type": "number",
+              "$value": "{box-shadow.spread.first-shadow.shadow-3}"
+            },
+            "y": {
+              "$type": "number",
+              "$value": "{box-shadow.y.first-shadow.shadow-3}"
+            },
+            "blur": {
+              "$type": "number",
+              "$value": "{box-shadow.blur.first-shadow.shadow-3}"
+            },
+            "x": {
+              "$type": "number",
+              "$value": "{box-shadow.x.first-shadow.shadow-3}"
+            }
+          }
+        },
+        "outline": {
+          "first-shadow": {
+            "color": {
+              "$type": "color",
+              "$value": "{box-shadow.layer-1.color.none}"
+            },
+            "blur": {
+              "$type": "number",
+              "$value": "{box-shadow.layer-1.blur.none}"
+            },
+            "spread": {
+              "$type": "number",
+              "$value": "{box-shadow.layer-1.spread.none}"
+            },
+            "y": {
+              "$type": "number",
+              "$value": "{box-shadow.layer-1.y.none}"
+            },
+            "x": {
+              "$type": "number",
+              "$value": "{box-shadow.layer-1.x.none}"
+            }
+          },
+          "second-shadow": {
+            "color": {
+              "$type": "color",
+              "$value": "{box-shadow.layer-2.color.none}"
+            },
+            "x": {
+              "$type": "number",
+              "$value": "{box-shadow.layer-2.x.none}"
+            },
+            "y": {
+              "$type": "number",
+              "$value": "{box-shadow.layer-2.y.none}"
+            },
+            "blur": {
+              "$type": "number",
+              "$value": "{box-shadow.layer-2.blur.none}"
+            },
+            "spread": {
+              "$type": "number",
+              "$value": "{box-shadow.layer-2.spread.none}"
+            }
+          }
+        },
+        "template": {
+          "first-shadow": {
+            "color": {
+              "$type": "color",
+              "$value": "{box-shadow.layer-1.color.none}"
+            },
+            "x": {
+              "$type": "number",
+              "$value": "{box-shadow.layer-1.x.none}"
+            },
+            "y": {
+              "$type": "number",
+              "$value": "{box-shadow.layer-1.y.none}"
+            },
+            "blur": {
+              "$type": "number",
+              "$value": "{box-shadow.layer-1.blur.none}"
+            },
+            "spread": {
+              "$type": "number",
+              "$value": "{box-shadow.layer-1.spread.none}"
+            }
+          },
+          "second-shadow": {
+            "color": {
+              "$type": "color",
+              "$value": "{box-shadow.layer-2.color.none}"
+            },
+            "x": {
+              "$type": "number",
+              "$value": "{box-shadow.layer-2.x.none}"
+            },
+            "y": {
+              "$type": "number",
+              "$value": "{box-shadow.layer-2.y.none}"
+            },
+            "blur": {
+              "$type": "number",
+              "$value": "{box-shadow.layer-2.blur.none}"
+            },
+            "spread": {
+              "$type": "number",
+              "$value": "{box-shadow.layer-2.spread.none}"
+            }
+          }
+        }
+      },
+      "color": {
+        "floating": {
+          "title": {
+            "$type": "color",
+            "$value": "{color.content.neutral.default.rest}"
+          },
+          "bg": {
+            "$type": "color",
+            "$value": "{color.surface.neutral.default.rest}"
+          },
+          "separator": {
+            "$type": "color",
+            "$value": "{color.border.neutral.default.rest}"
+          },
+          "border": {
+            "$type": "color",
+            "$value": "{color.border.transparent.rest}"
+          }
+        },
+        "plain": {
+          "bg": {
+            "$type": "color",
+            "$value": "{color.surface.neutral.default.rest}"
+          },
+          "separator": {
+            "$type": "color",
+            "$value": "{color.border.neutral.default.rest}"
+          },
+          "border": {
+            "$type": "color",
+            "$value": "{color.border.transparent.rest}"
+          },
+          "title": {
+            "$type": "color",
+            "$value": "{color.content.neutral.default.rest}"
+          }
+        },
+        "outline": {
+          "title": {
+            "$type": "color",
+            "$value": "{color.content.neutral.default.rest}"
+          },
+          "border": {
+            "$type": "color",
+            "$value": "{color.border.transparent.rest}"
+          },
+          "bg": {
+            "$type": "color",
+            "$value": "{color.surface.neutral.default.rest}"
+          }
+        },
+        "template": {
+          "border": {
+            "$type": "color",
+            "$value": "{color.border.transparent.rest}"
+          },
+          "bg": {
+            "$type": "color",
+            "$value": "{color.surface.neutral.default.rest}"
+          }
+        }
+      },
+      "typography": {
+        "large": {
+          "font-family": {
+            "$type": "text",
+            "$value": "{font-family.sans-serif}"
+          },
+          "line-height": {
+            "$type": "number",
+            "$value": "{line-height.subtitle-1}"
+          },
+          "font-size": {
+            "$type": "number",
+            "$value": "{font-size.subtitle-1}"
+          },
+          "font-weight": {
+            "$type": "number",
+            "$value": "{font-weight.subtitle-1}"
+          }
+        },
+        "small": {
+          "font-family": {
+            "$type": "text",
+            "$value": "{font-family.sans-serif}"
+          },
+          "font-weight": {
+            "$type": "number",
+            "$value": "{font-weight.body-1-strong}"
+          },
+          "font-size": {
+            "$type": "number",
+            "$value": "{font-size.body-1-strong}"
+          },
+          "line-height": {
+            "$type": "number",
+            "$value": "{line-height.body-1-strong}"
+          }
+        },
+        "medium": {
+          "font-family": {
+            "$type": "text",
+            "$value": "{font-family.sans-serif}"
+          },
+          "font-size": {
+            "$type": "number",
+            "$value": "{font-size.subtitle-2}"
+          },
+          "line-height": {
+            "$type": "number",
+            "$value": "{line-height.subtitle-2}"
+          },
+          "font-weight": {
+            "$type": "number",
+            "$value": "{font-weight.subtitle-2}"
+          }
+        }
+      },
+      "border-radius": {
+        "small": {
+          "$type": "number",
+          "$value": "{border-radius.theme-builder.default}"
+        },
+        "large": {
+          "$type": "number",
+          "$value": "{border-radius.theme-builder.default}"
+        },
+        "medium": {
+          "$type": "number",
+          "$value": "{border-radius.theme-builder.default}"
+        }
+      },
+      "border-width": {
+        "large": {
+          "border": {
+            "$type": "number",
+            "$value": "{border-width.10}"
+          }
+        },
+        "small": {
+          "border": {
+            "$type": "number",
+            "$value": "{border-width.10}"
+          }
+        },
+        "medium": {
+          "border": {
+            "$type": "number",
+            "$value": "{border-width.10}"
+          }
+        }
+      },
+      "layout": {
+        "floating": {
+          "small": {
+            "menu-box": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.40}"
+              },
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              },
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              }
+            },
+            "group": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.80}"
+              },
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.80}"
+              },
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.40}"
+              }
+            },
+            "title-box": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              },
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.40}"
+              },
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.20}"
+              }
+            },
+            "btn-more-box": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.80}"
+              },
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              },
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              }
+            },
+            "separator": {
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.20}"
+              },
+              "height": {
+                "$type": "number",
+                "$value": "{spacing.240}"
+              },
+              "width": {
+                "$type": "number",
+                "$value": "{spacing.10}"
+              }
+            }
+          },
+          "medium": {
+            "group": {
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.40}"
+              },
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.80}"
+              },
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.80}"
+              }
+            },
+            "btn-more-box": {
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              },
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.80}"
+              },
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              }
+            },
+            "title-box": {
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.60}"
+              },
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              },
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.50}"
+              }
+            },
+            "menu-box": {
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              },
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              },
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.40}"
+              }
+            },
+            "separator": {
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.20}"
+              },
+              "height": {
+                "$type": "number",
+                "$value": "{spacing.240}"
+              },
+              "width": {
+                "$type": "number",
+                "$value": "{spacing.10}"
+              }
+            }
+          },
+          "large": {
+            "group": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.80}"
+              },
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.40}"
+              },
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.80}"
+              }
+            },
+            "title-box": {
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.60}"
+              },
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              },
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.80}"
+              }
+            },
+            "separator": {
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.40}"
+              },
+              "height": {
+                "$type": "number",
+                "$value": "{spacing.400}"
+              },
+              "width": {
+                "$type": "number",
+                "$value": "{spacing.10}"
+              }
+            },
+            "menu-box": {
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              },
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              },
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.40}"
+              }
+            },
+            "btn-more-box": {
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              },
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              },
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.80}"
+              }
+            }
+          }
+        },
+        "plain": {
+          "small": {
+            "title-box": {
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.40}"
+              },
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              },
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.20}"
+              }
+            },
+            "menu-box": {
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              },
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              },
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.40}"
+              }
+            },
+            "group": {
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.80}"
+              },
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.40}"
+              },
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.80}"
+              }
+            },
+            "btn-more-box": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.80}"
+              },
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              },
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              }
+            },
+            "separator": {
+              "width": {
+                "$type": "number",
+                "$value": "{spacing.10}"
+              },
+              "height": {
+                "$type": "number",
+                "$value": "{spacing.240}"
+              },
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.20}"
+              }
+            }
+          },
+          "medium": {
+            "menu-box": {
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              },
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              },
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.40}"
+              }
+            },
+            "btn-more-box": {
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              },
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              },
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.80}"
+              }
+            },
+            "title-box": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              },
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.60}"
+              },
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.50}"
+              }
+            },
+            "group": {
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.80}"
+              },
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.80}"
+              },
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.40}"
+              }
+            },
+            "separator": {
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.20}"
+              },
+              "height": {
+                "$type": "number",
+                "$value": "{spacing.240}"
+              },
+              "width": {
+                "$type": "number",
+                "$value": "{spacing.10}"
+              }
+            }
+          },
+          "large": {
+            "group": {
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.80}"
+              },
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.40}"
+              },
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.80}"
+              }
+            },
+            "separator": {
+              "width": {
+                "$type": "number",
+                "$value": "{spacing.10}"
+              },
+              "height": {
+                "$type": "number",
+                "$value": "{spacing.400}"
+              },
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.40}"
+              }
+            },
+            "title-box": {
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.60}"
+              },
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.80}"
+              },
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              }
+            },
+            "btn-more-box": {
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              },
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              },
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.80}"
+              }
+            },
+            "menu-box": {
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              },
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              },
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.40}"
+              }
+            }
+          }
+        },
+        "outline": {
+          "small": {
+            "title-box": {
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.40}"
+              },
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              },
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.20}"
+              }
+            },
+            "menu-box": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.40}"
+              },
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              },
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              }
+            },
+            "btn-more-box": {
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              },
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              },
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              }
+            },
+            "group": {
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.40}"
+              },
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.80}"
+              },
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.80}"
+              }
+            }
+          },
+          "large": {
+            "menu-box": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.40}"
+              },
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              },
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              }
+            },
+            "btn-more-box": {
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              },
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              },
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              }
+            },
+            "title-box": {
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.60}"
+              },
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.80}"
+              },
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              }
+            },
+            "group": {
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.40}"
+              },
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.80}"
+              },
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.80}"
+              }
+            }
+          },
+          "medium": {
+            "menu-box": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.40}"
+              },
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              },
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              }
+            },
+            "btn-more-box": {
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              },
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              },
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              }
+            },
+            "title-box": {
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.50}"
+              },
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.60}"
+              },
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              }
+            },
+            "group": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.80}"
+              },
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.40}"
+              },
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.80}"
+              }
+            }
+          }
+        },
+        "template": {
+          "large": {
+            "group": {
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.40}"
+              },
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.80}"
+              }
+            }
+          },
+          "medium": {
+            "group": {
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.80}"
+              },
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.40}"
+              }
+            }
+          },
+          "small": {
+            "group": {
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.40}"
+              },
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.80}"
+              }
+            }
+          }
+        }
+      }
+    },
+    "button-combo-group": {
+      "layout": {
+        "outline": {
+          "large": {
+            "gap": {
+              "$type": "number",
+              "$value": "{spacing.40}"
+            }
+          },
+          "medium": {
+            "gap": {
+              "$type": "number",
+              "$value": "{spacing.40}"
+            }
+          },
+          "small": {
+            "gap": {
+              "$type": "number",
+              "$value": "{spacing.40}"
+            }
+          }
+        },
+        "split": {
+          "large": {
+            "gap": {
+              "$type": "number",
+              "$value": "{spacing.40}"
+            }
+          },
+          "medium": {
+            "gap": {
+              "$type": "number",
+              "$value": "{spacing.40}"
+            }
+          },
+          "small": {
+            "gap": {
+              "$type": "number",
+              "$value": "{spacing.40}"
+            }
+          }
+        }
+      },
+      "border-radius": {
+        "outline": {
+          "medium": {
+            "$type": "number",
+            "$value": "{border-radius.40}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{border-radius.40}"
+          },
+          "small": {
+            "$type": "number",
+            "$value": "{border-radius.40}"
+          }
+        },
+        "split": {
+          "small": {
+            "$type": "number",
+            "$value": "{border-radius.40}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{border-radius.40}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{border-radius.40}"
+          }
+        }
+      }
+    }
+  }
+}