@devexpress/design-tokens-internal 261.0.2 → 261.0.3

package/tokens/components/core/scroll-bar/fluent.json

@@ -0,0 +1,82 @@
+{
+  "scroll-bar": {
+    "color": {
+      "bg": {
+        "rest": {
+          "$type": "color",
+          "$value": "{color.surface.transparent.rest}"
+        }
+      },
+      "thumb": {
+        "rest": {
+          "$type": "color",
+          "$value": "{color.content.neutral.subdued.rest}"
+        }
+      }
+    },
+    "opacity": {
+      "rest": {
+        "$type": "number",
+        "$value": "{opacity.50}"
+      },
+      "hover": {
+        "$type": "number",
+        "$value": "{opacity.75}"
+      }
+    },
+    "layout": {
+      "vertical": {
+        "width": {
+          "rest": {
+            "$type": "number",
+            "$value": "{spacing.80}"
+          },
+          "hovered": {
+            "$type": "number",
+            "$value": "{spacing.80}"
+          }
+        },
+        "left": {
+          "rest": {
+            "$type": "number",
+            "$value": "{spacing.50}"
+          },
+          "hovered": {
+            "$type": "number",
+            "$value": "{spacing.0}"
+          }
+        }
+      },
+      "horizontal": {
+        "height": {
+          "rest": {
+            "$type": "number",
+            "$value": "{spacing.80}"
+          },
+          "hovered": {
+            "$type": "number",
+            "$value": "{spacing.80}"
+          }
+        },
+        "top": {
+          "rest": {
+            "$type": "number",
+            "$value": "{spacing.50}"
+          },
+          "hovered": {
+            "$type": "number",
+            "$value": "{spacing.0}"
+          }
+        }
+      }
+    },
+    "borders": {
+      "border-radius": {
+        "thumb": {
+          "$type": "number",
+          "$value": "{border-radius.full}"
+        }
+      }
+    }
+  }
+}

package/tokens/components/core/spinner_load-indicator/fluent.json

@@ -0,0 +1,210 @@
+{
+  "spinner": {
+    "color": {
+      "primary": {
+        "loader": {
+          "rest": {
+            "$type": "color",
+            "$value": "{color.content.primary.default.rest}"
+          }
+        },
+        "track": {
+          "rest": {
+            "$type": "color",
+            "$value": "{color.content.primary.compound.rest}"
+          }
+        }
+      },
+      "light": {
+        "loader": {
+          "rest": {
+            "$type": "color",
+            "$value": "{color.surface.neutral.default.static-light.rest}"
+          }
+        },
+        "track": {
+          "rest": {
+            "$type": "color",
+            "$value": "{color.surface.neutral.default.static-light.rest}"
+          }
+        }
+      },
+      "dark": {
+        "loader": {
+          "rest": {
+            "$type": "color",
+            "$value": "{color.surface.neutral.default.static-dark.rest}"
+          }
+        },
+        "track": {
+          "rest": {
+            "$type": "color",
+            "$value": "{color.surface.neutral.default.static-dark.rest}"
+          }
+        }
+      }
+    },
+    "layout": {
+      "sizing": {
+        "small": {
+          "$type": "number",
+          "$value": "{spacing.160}"
+        },
+        "medium": {
+          "$type": "number",
+          "$value": "{spacing.200}"
+        },
+        "large": {
+          "$type": "number",
+          "$value": "{spacing.240}"
+        }
+      }
+    },
+    "boders": {
+      "border-radius": {
+        "small": {
+          "$type": "number",
+          "$value": "{border-radius.full}"
+        },
+        "medium": {
+          "$type": "number",
+          "$value": "{border-radius.full}"
+        },
+        "large": {
+          "$type": "number",
+          "$value": "{border-radius.full}"
+        }
+      },
+      "border-width": {
+        "small": {
+          "$type": "number",
+          "$value": "{border-width.20}"
+        },
+        "medium": {
+          "$type": "number",
+          "$value": "{border-width.20}"
+        },
+        "large": {
+          "$type": "number",
+          "$value": "{border-width.20}"
+        }
+      }
+    },
+    "opacity": {
+      "track": {
+        "rest": {
+          "$type": "number",
+          "$value": "{opacity.20}"
+        }
+      }
+    }
+  },
+  "load-indicator": {
+    "layout": {
+      "spinner": {
+        "sizing": {
+          "small": {
+            "$type": "number",
+            "$value": "{spacing.240}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{spacing.320}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{spacing.400}"
+          }
+        }
+      },
+      "inner-box": {
+        "horizontal": {
+          "small": {
+            "$type": "number",
+            "$value": "{spacing.0}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{spacing.0}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{spacing.0}"
+          }
+        },
+        "vertical": {
+          "small": {
+            "$type": "number",
+            "$value": "{spacing.0}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{spacing.0}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{spacing.0}"
+          }
+        },
+        "gap": {
+          "small": {
+            "$type": "number",
+            "$value": "{spacing.80}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{spacing.80}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{spacing.80}"
+          }
+        }
+      }
+    },
+    "borders": {
+      "border-width": {
+        "medium": {
+          "$type": "number",
+          "$value": "{border-width.30}"
+        },
+        "large": {
+          "$type": "number",
+          "$value": "{border-width.30}"
+        }
+      }
+    },
+    "typography": {
+      "font-size": {
+        "small": {
+          "$type": "number",
+          "$value": "{font-size.base.md}"
+        },
+        "medium": {
+          "$type": "number",
+          "$value": "{font-size.base.lg}"
+        }
+      },
+      "font-weight": {
+        "medium": {
+          "$type": "number",
+          "$value": "{font-weight.base.strong}"
+        },
+        "large": {
+          "$type": "number",
+          "$value": "{font-weight.base.strong}"
+        }
+      },
+      "line-height": {
+        "small": {
+          "$type": "number",
+          "$value": "{line-height.base.md}"
+        },
+        "medium": {
+          "$type": "number",
+          "$value": "{line-height.base.lg}"
+        }
+      }
+    }
+  }
+}