@devexpress/design-tokens-internal 261.0.2 → 261.0.3

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

@@ -0,0 +1,102 @@
+{
+  "pager": {
+    "page-edit": {
+      "input": {
+        "color": {
+          "border": {
+            "rest": {
+              "$type": "color",
+              "$value": "{color.border.transparent.rest}"
+            }
+          },
+          "bg": {
+            "rest": {
+              "$type": "color",
+              "$value": "{color.surface.transparent.rest}"
+            }
+          }
+        },
+        "borders": {
+          "border-radius": {
+            "small": {
+              "$type": "number",
+              "$value": "{border-radius.0}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{border-radius.0}"
+            },
+            "large": {
+              "$type": "number",
+              "$value": "{border-radius.0}"
+            }
+          }
+        },
+        "layout": {
+          "width": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.600}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.720}"
+            },
+            "large": {
+              "$type": "number",
+              "$value": "{spacing.800}"
+            }
+          }
+        }
+      },
+      "text": {
+        "layout": {
+          "horizontal": {
+            "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}"
+            }
+          }
+        }
+      },
+      "layout": {
+        "gap": {
+          "small": {
+            "$type": "number",
+            "$value": "{spacing.20}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{spacing.20}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{spacing.20}"
+          }
+        }
+      }
+    }
+  }
+}

package/tokens/components/web/progress-bar/fluent.json

@@ -0,0 +1,116 @@
+{
+  "progress-bar": {
+    "circle-item": {
+      "color": {
+        "error": {
+          "indicator": {
+            "rest": {
+              "$type": "color",
+              "$value": "{color.content.danger.default.rest}"
+            }
+          }
+        },
+        "in-progress": {
+          "indicator": {
+            "rest": {
+              "$type": "color",
+              "$value": "{color.content.primary.default.rest}"
+            }
+          }
+        },
+        "success": {
+          "indicator": {
+            "rest": {
+              "$type": "color",
+              "$value": "{color.content.success.default.rest}"
+            }
+          }
+        },
+        "pause": {
+          "indicator": {
+            "rest": {
+              "$type": "color",
+              "$value": "{color.content.warning.default.rest}"
+            }
+          }
+        }
+      },
+      "layout": {
+        "sizing": {
+          "small": {
+            "$type": "number",
+            "$value": "{spacing.640}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{spacing.800}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{spacing.960}"
+          }
+        }
+      }
+    },
+    "linear-item": {
+      "color": {
+        "error": {
+          "indicator": {
+            "rest": {
+              "$type": "color",
+              "$value": "{color.content.danger.default.rest}"
+            }
+          }
+        },
+        "pause": {
+          "indicator": {
+            "rest": {
+              "$type": "color",
+              "$value": "{color.content.warning.default.rest}"
+            }
+          }
+        },
+        "success": {
+          "indicator": {
+            "rest": {
+              "$type": "color",
+              "$value": "{color.content.success.default.rest}"
+            }
+          }
+        },
+        "in-progress": {
+          "indicator": {
+            "rest": {
+              "$type": "color",
+              "$value": "{color.content.primary.default.rest}"
+            }
+          }
+        }
+      }
+    },
+    "caption": {
+      "color": {
+        "icon": {
+          "success": {
+            "rest": {
+              "$type": "color",
+              "$value": "{color.content.success.default.rest}"
+            }
+          },
+          "error": {
+            "rest": {
+              "$type": "color",
+              "$value": "{color.content.danger.default.rest}"
+            }
+          },
+          "pause": {
+            "rest": {
+              "$type": "color",
+              "$value": "{color.content.warning.default.rest}"
+            }
+          }
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,140 @@
+{
+  "radio": {
+    "radio-button": {
+      "color": {
+        "unchecked": {
+          "invalid": {
+            "border": {
+              "hovered": {
+                "$type": "color",
+                "$value": "{color.border.danger.compound.hovered}"
+              },
+              "rest": {
+                "$type": "color",
+                "$value": "{color.border.danger.compound.rest}"
+              },
+              "active": {
+                "$type": "color",
+                "$value": "{color.border.danger.compound.active}"
+              }
+            }
+          },
+          "success": {
+            "border": {
+              "rest": {
+                "$type": "color",
+                "$value": "{color.border.success.compound.rest}"
+              },
+              "hovered": {
+                "$type": "color",
+                "$value": "{color.border.success.compound.hovered}"
+              },
+              "active": {
+                "$type": "color",
+                "$value": "{color.border.success.compound.active}"
+              }
+            }
+          }
+        },
+        "checked": {
+          "invalid": {
+            "icon": {
+              "hovered": {
+                "$type": "color",
+                "$value": "{color.content.danger.compound.hovered}"
+              },
+              "rest": {
+                "$type": "color",
+                "$value": "{color.content.danger.compound.rest}"
+              },
+              "active": {
+                "$type": "color",
+                "$value": "{color.content.danger.compound.active}"
+              }
+            },
+            "border": {
+              "hovered": {
+                "$type": "color",
+                "$value": "{color.border.danger.compound.hovered}"
+              },
+              "rest": {
+                "$type": "color",
+                "$value": "{color.border.danger.compound.rest}"
+              },
+              "active": {
+                "$type": "color",
+                "$value": "{color.border.danger.compound.active}"
+              }
+            }
+          },
+          "success": {
+            "border": {
+              "rest": {
+                "$type": "color",
+                "$value": "{color.border.success.compound.rest}"
+              },
+              "hovered": {
+                "$type": "color",
+                "$value": "{color.border.success.compound.hovered}"
+              },
+              "active": {
+                "$type": "color",
+                "$value": "{color.border.success.compound.active}"
+              }
+            },
+            "icon": {
+              "rest": {
+                "$type": "color",
+                "$value": "{color.content.success.compound.rest}"
+              },
+              "hovered": {
+                "$type": "color",
+                "$value": "{color.content.success.compound.hovered}"
+              },
+              "active": {
+                "$type": "color",
+                "$value": "{color.content.success.compound.active}"
+              }
+            }
+          }
+        }
+      }
+    },
+    "radio-group": {
+      "layout": {
+        "vertical": {
+          "gap": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            },
+            "large": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            }
+          }
+        },
+        "horizontal": {
+          "gap": {
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            },
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            },
+            "large": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            }
+          }
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,62 @@
+{
+  "ribbon": {
+    "layout": {
+      "large": {
+        "horizontal": {
+          "$type": "number",
+          "$value": "{spacing.40}"
+        },
+        "gap": {
+          "$type": "number",
+          "$value": "{spacing.80}"
+        },
+        "vertical": {
+          "$type": "number",
+          "$value": "{spacing.40}"
+        }
+      },
+      "small": {
+        "gap": {
+          "$type": "number",
+          "$value": "{spacing.40}"
+        },
+        "vertical": {
+          "$type": "number",
+          "$value": "{spacing.40}"
+        },
+        "horizontal": {
+          "$type": "number",
+          "$value": "{spacing.40}"
+        }
+      },
+      "medium": {
+        "gap": {
+          "$type": "number",
+          "$value": "{spacing.60}"
+        },
+        "vertical": {
+          "$type": "number",
+          "$value": "{spacing.40}"
+        },
+        "horizontal": {
+          "$type": "number",
+          "$value": "{spacing.40}"
+        }
+      }
+    },
+    "border-radius": {
+      "large": {
+        "$type": "number",
+        "$value": "{border-radius.0}"
+      },
+      "small": {
+        "$type": "number",
+        "$value": "{border-radius.0}"
+      },
+      "medium": {
+        "$type": "number",
+        "$value": "{border-radius.0}"
+      }
+    }
+  }
+}