@devexpress/design-tokens-internal 261.0.2 → 261.0.3

package/tokens/components/desktop/loading-panel_wait-indicator/fluent.json

@@ -0,0 +1,308 @@
+{
+  "loading-panel": {
+    "color": {
+      "indicator-area-true": {
+        "shading-true": {
+          "track": {
+            "$type": "color",
+            "$value": "{color.content.primary.default.rest}"
+          },
+          "bg": {
+            "$type": "color",
+            "$value": "{color.content.neutral.default.inverted.rest}"
+          },
+          "text": {
+            "$type": "color",
+            "$value": "{color.content.neutral.default.rest}"
+          },
+          "backdrop": {
+            "$type": "color",
+            "$value": "{color.surface.neutral.default.rest}"
+          },
+          "loader": {
+            "$type": "color",
+            "$value": "{color.content.primary.default.rest}"
+          }
+        },
+        "shading-false": {
+          "track": {
+            "$type": "color",
+            "$value": "{color.content.primary.default.rest}"
+          },
+          "text": {
+            "$type": "color",
+            "$value": "{color.content.neutral.default.rest}"
+          },
+          "bg": {
+            "$type": "color",
+            "$value": "{color.content.neutral.default.inverted.rest}"
+          },
+          "loader": {
+            "$type": "color",
+            "$value": "{color.content.primary.default.rest}"
+          }
+        }
+      },
+      "indicator-area-false": {
+        "shading-false": {
+          "track": {
+            "$type": "color",
+            "$value": "{color.content.primary.default.rest}"
+          },
+          "bg": {
+            "$type": "color",
+            "$value": "{color.surface.transparent.rest}"
+          },
+          "text": {
+            "$type": "color",
+            "$value": "{color.content.neutral.default.rest}"
+          },
+          "loader": {
+            "$type": "color",
+            "$value": "{color.content.primary.default.rest}"
+          }
+        },
+        "shading-true": {
+          "text": {
+            "$type": "color",
+            "$value": "{color.content.neutral.default.rest}"
+          },
+          "loader": {
+            "$type": "color",
+            "$value": "{color.content.primary.default.rest}"
+          },
+          "track": {
+            "$type": "color",
+            "$value": "{color.content.primary.default.rest}"
+          },
+          "backdrop": {
+            "$type": "color",
+            "$value": "{color.surface.neutral.default.rest}"
+          }
+        }
+      }
+    },
+    "box-shadow": {
+      "indicator-area": {
+        "layer-2": {
+          "color": {
+            "$type": "color",
+            "$value": "{box-shadow.layer-2.color.sm}"
+          },
+          "y": {
+            "$type": "number",
+            "$value": "{box-shadow.layer-2.y.sm}"
+          },
+          "x": {
+            "$type": "number",
+            "$value": "{box-shadow.layer-2.x.sm}"
+          },
+          "blur": {
+            "$type": "number",
+            "$value": "{box-shadow.layer-2.blur.sm}"
+          },
+          "spread": {
+            "$type": "number",
+            "$value": "{box-shadow.layer-2.spread.sm}"
+          }
+        },
+        "layer-1": {
+          "color": {
+            "$type": "color",
+            "$value": "{box-shadow.layer-1.color.sm}"
+          },
+          "blur": {
+            "$type": "number",
+            "$value": "{box-shadow.layer-1.blur.sm}"
+          },
+          "x": {
+            "$type": "number",
+            "$value": "{box-shadow.layer-1.x.sm}"
+          },
+          "y": {
+            "$type": "number",
+            "$value": "{box-shadow.layer-1.y.sm}"
+          },
+          "spread": {
+            "$type": "number",
+            "$value": "{box-shadow.layer-1.spread.sm}"
+          }
+        }
+      },
+      "composite": {
+        "$type": "text",
+        "$value": "{box-shadow.sm}"
+      }
+    },
+    "typography": {
+      "font-family": {
+        "$type": "text",
+        "$value": "{font-family.sans-serif}"
+      },
+      "font-size": {
+        "small": {
+          "$type": "number",
+          "$value": "{font-size.body-1}"
+        },
+        "medium": {
+          "$type": "number",
+          "$value": "{font-size.subtitle-2}"
+        },
+        "large": {
+          "$type": "number",
+          "$value": "{font-size.subtitle-2}"
+        }
+      },
+      "font-weight": {
+        "small": {
+          "$type": "number",
+          "$value": "{font-weight.body-1}"
+        },
+        "medium": {
+          "$type": "number",
+          "$value": "{font-weight.subtitle-2}"
+        },
+        "large": {
+          "$type": "number",
+          "$value": "{font-weight.subtitle-2}"
+        }
+      },
+      "line-height": {
+        "small": {
+          "$type": "number",
+          "$value": "{line-height.body-1}"
+        },
+        "medium": {
+          "$type": "number",
+          "$value": "{line-height.subtitle-2}"
+        },
+        "large": {
+          "$type": "number",
+          "$value": "{line-height.subtitle-2}"
+        }
+      },
+      "letter-spacing": {
+        "small": {
+          "$type": "number",
+          "$value": "{letter-spacing.body-1}"
+        },
+        "medium": {
+          "$type": "number",
+          "$value": "{letter-spacing.subtitle-2}"
+        },
+        "large": {
+          "$type": "number",
+          "$value": "{letter-spacing.subtitle-2}"
+        }
+      }
+    },
+    "layout": {
+      "small": {
+        "horizontal": {
+          "$type": "number",
+          "$value": "{spacing.160}"
+        },
+        "gap": {
+          "$type": "number",
+          "$value": "{spacing.80}"
+        },
+        "vertical": {
+          "$type": "number",
+          "$value": "{spacing.160}"
+        }
+      },
+      "medium": {
+        "horizontal": {
+          "$type": "number",
+          "$value": "{spacing.200}"
+        },
+        "vertical": {
+          "$type": "number",
+          "$value": "{spacing.160}"
+        },
+        "gap": {
+          "$type": "number",
+          "$value": "{spacing.120}"
+        }
+      },
+      "large": {
+        "gap": {
+          "$type": "number",
+          "$value": "{spacing.160}"
+        },
+        "vertical": {
+          "$type": "number",
+          "$value": "{spacing.160}"
+        },
+        "horizontal": {
+          "$type": "number",
+          "$value": "{spacing.240}"
+        }
+      }
+    },
+    "opacity": {
+      "backdrop": {
+        "$type": "number",
+        "$value": "{opacity.75}"
+      }
+    },
+    "border-radius": {
+      "large": {
+        "$type": "number",
+        "$value": "{border-radius.theme-builder.default}"
+      },
+      "medium": {
+        "$type": "number",
+        "$value": "{border-radius.theme-builder.default}"
+      },
+      "small": {
+        "$type": "number",
+        "$value": "{border-radius.theme-builder.default}"
+      }
+    }
+  },
+  "wait-indicator": {
+    "color": {
+      "dark": {
+        "track": {
+          "$type": "color",
+          "$value": "{color.content.neutral.default.static-light.rest}"
+        },
+        "loader": {
+          "$type": "color",
+          "$value": "{color.content.neutral.default.static-light.rest}"
+        }
+      },
+      "light": {
+        "loader": {
+          "$type": "color",
+          "$value": "{color.content.neutral.default.static-dark.rest}"
+        },
+        "track": {
+          "$type": "color",
+          "$value": "{color.content.neutral.default.static-dark.rest}"
+        }
+      },
+      "primary": {
+        "track": {
+          "$type": "color",
+          "$value": "{color.content.primary.default.rest}"
+        }
+      }
+    },
+    "layout": {
+      "large": {
+        "$type": "number",
+        "$value": "{spacing.240}"
+      },
+      "small": {
+        "$type": "number",
+        "$value": "{spacing.160}"
+      },
+      "medium": {
+        "$type": "number",
+        "$value": "{spacing.200}"
+      }
+    }
+  }
+}

package/tokens/components/desktop/pagercontrol/fluent.json

@@ -0,0 +1,258 @@
+{
+  "pagercontrol": {
+    "color": {
+      "content": {
+        "inner-box": {
+          "bg": {
+            "rest": {
+              "$type": "color",
+              "$value": "{color.surface.transparent.rest}"
+            }
+          },
+          "border": {
+            "rest": {
+              "$type": "color",
+              "$value": "{color.border.transparent.rest}"
+            }
+          }
+        }
+      }
+    },
+    "layout": {
+      "stack": {
+        "outer-box": {
+          "gap": {
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.60}"
+            },
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.40}"
+            }
+          },
+          "vertical": {
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            },
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            }
+          },
+          "horizontal": {
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            },
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            }
+          }
+        },
+        "text-box": {
+          "vertical": {
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.60}"
+            },
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.40}"
+            }
+          }
+        }
+      },
+      "content": {
+        "content-box": {
+          "vertical": {
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.20}"
+            },
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.10}"
+            }
+          },
+          "horizontal": {
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.20}"
+            },
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.10}"
+            }
+          }
+        },
+        "inner-box": {
+          "horizontal": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            }
+          },
+          "vertical": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            }
+          },
+          "gap": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            }
+          }
+        },
+        "custom-content": {
+          "horizontal": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.10}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.20}"
+            }
+          },
+          "vertical": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.10}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.20}"
+            }
+          }
+        },
+        "outer-box": {
+          "horizontal": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            }
+          },
+          "vertical": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            }
+          },
+          "gap": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.40}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.80}"
+            }
+          }
+        },
+        "refresh-button": {
+          "horizontal": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.20}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.30}"
+            }
+          },
+          "vertical": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.20}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.30}"
+            }
+          }
+        }
+      }
+    },
+    "borders": {
+      "border-radius": {
+        "small": {
+          "$type": "number",
+          "$value": "{border-radius.theme-builder.default}"
+        },
+        "medium": {
+          "$type": "number",
+          "$value": "{border-radius.theme-builder.default}"
+        }
+      },
+      "border-width": {
+        "small": {
+          "$type": "number",
+          "$value": "{border-width.10}"
+        },
+        "medium": {
+          "$type": "number",
+          "$value": "{border-width.10}"
+        }
+      }
+    }
+  },
+  "pagercontrol-button-group": {
+    "layout": {
+      "gap": {
+        "medium": {
+          "$type": "number",
+          "$value": "{spacing.0}"
+        },
+        "small": {
+          "$type": "number",
+          "$value": "{spacing.0}"
+        }
+      },
+      "vertical": {
+        "medium": {
+          "$type": "number",
+          "$value": "{spacing.0}"
+        },
+        "small": {
+          "$type": "number",
+          "$value": "{spacing.0}"
+        }
+      },
+      "horizontal": {
+        "medium": {
+          "$type": "number",
+          "$value": "{spacing.0}"
+        },
+        "small": {
+          "$type": "number",
+          "$value": "{spacing.0}"
+        }
+      }
+    }
+  }
+}