@devexpress/design-tokens-internal 261.0.2 → 261.0.3

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

@@ -0,0 +1,294 @@
+{
+  "custom-progressbar-edit": {
+    "custom-circle-item": {
+      "color": {
+        "primary": {
+          "track": {
+            "rest": {
+              "$type": "color",
+              "$value": "{color.border.neutral.default.rest}"
+            },
+            "disabled": {
+              "$type": "color",
+              "$value": "{color.border.neutral.default.disabled}"
+            }
+          },
+          "indicator": {
+            "rest": {
+              "$type": "color",
+              "$value": "{color.content.primary.default.rest}"
+            },
+            "disabled": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.disabled}"
+            },
+            "indeterminate": {
+              "$type": "color",
+              "$value": "{color.content.primary.default.rest}"
+            }
+          }
+        },
+        "success": {
+          "track": {
+            "rest": {
+              "$type": "color",
+              "$value": "{color.border.neutral.default.rest}"
+            }
+          },
+          "indicator": {
+            "rest": {
+              "$type": "color",
+              "$value": "{color.content.success.default.rest}"
+            }
+          }
+        },
+        "error": {
+          "track": {
+            "rest": {
+              "$type": "color",
+              "$value": "{color.border.neutral.default.rest}"
+            }
+          },
+          "indicator": {
+            "rest": {
+              "$type": "color",
+              "$value": "{color.content.danger.default.rest}"
+            }
+          }
+        },
+        "warning": {
+          "track": {
+            "rest": {
+              "$type": "color",
+              "$value": "{color.border.neutral.default.rest}"
+            }
+          },
+          "indicator": {
+            "rest": {
+              "$type": "color",
+              "$value": "{color.content.warning.default.rest}"
+            }
+          }
+        },
+        "gradient": {
+          "track": {
+            "rest": {
+              "$type": "color",
+              "$value": "{color.border.neutral.default.rest}"
+            }
+          },
+          "indicator": {
+            "start": {
+              "$type": "color",
+              "$value": "{utility.yellow.70}"
+            },
+            "end": {
+              "$type": "color",
+              "$value": "{utility.red.70}"
+            }
+          }
+        },
+        "segmented": {
+          "track": {
+            "rest": {
+              "$type": "color",
+              "$value": "{color.border.neutral.default.disabled}"
+            }
+          },
+          "indicator": {
+            "segment-1": {
+              "$type": "color",
+              "$value": "{utility.yellow.70}"
+            },
+            "segment-2": {
+              "$type": "color",
+              "$value": "{utility.indigo.70}"
+            },
+            "segment-3": {
+              "$type": "color",
+              "$value": "{utility.pink.70}"
+            },
+            "segment-4": {
+              "$type": "color",
+              "$value": "{utility.teal.70}"
+            }
+          }
+        }
+      },
+      "borders": {
+        "border-radius": {
+          "track": {
+            "medium": {
+              "$type": "number",
+              "$value": "{border-radius.0}"
+            },
+            "small": {
+              "$type": "number",
+              "$value": "{border-radius.0}"
+            }
+          },
+          "indicator": {
+            "small": {
+              "$type": "number",
+              "$value": "{border-radius.20}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{border-radius.40}"
+            }
+          }
+        }
+      },
+      "layout": {
+        "width": {
+          "small": {
+            "$type": "number",
+            "$value": "{spacing.640}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{spacing.800}"
+          }
+        },
+        "height": {
+          "small": {
+            "$type": "number",
+            "$value": "{spacing.640}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{spacing.800}"
+          }
+        }
+      }
+    },
+    "custom-caption": {
+      "color": {
+        "error": {
+          "icon": {
+            "rest": {
+              "$type": "color",
+              "$value": "{color.content.danger.default.rest}"
+            },
+            "disabled": {
+              "$type": "color",
+              "$value": "{color.content.neutral.subdued.disabled}"
+            }
+          }
+        },
+        "warning": {
+          "icon": {
+            "rest": {
+              "$type": "color",
+              "$value": "{color.content.warning.default.rest}"
+            },
+            "disabled": {
+              "$type": "color",
+              "$value": "{color.content.neutral.subdued.disabled}"
+            }
+          }
+        },
+        "success": {
+          "icon": {
+            "rest": {
+              "$type": "color",
+              "$value": "{color.content.success.default.rest}"
+            },
+            "disabled": {
+              "$type": "color",
+              "$value": "{color.content.neutral.subdued.disabled}"
+            }
+          }
+        },
+        "primary": {
+          "icon": {
+            "disabled": {
+              "$type": "color",
+              "$value": "{color.content.neutral.subdued.disabled}"
+            },
+            "rest": {
+              "$type": "color",
+              "$value": "{color.content.primary.default.rest}"
+            }
+          }
+        }
+      }
+    },
+    "custom-linear-item": {
+      "color": {
+        "primary": {
+          "track": {
+            "rest": {
+              "$type": "color",
+              "$value": "{color.border.neutral.default.rest}"
+            },
+            "disabled": {
+              "$type": "color",
+              "$value": "{color.border.neutral.default.disabled}"
+            }
+          },
+          "indicator": {
+            "rest": {
+              "$type": "color",
+              "$value": "{color.content.primary.default.rest}"
+            },
+            "disabled": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.disabled}"
+            },
+            "indeterminate-gradient-edge": {
+              "$type": "color",
+              "$value": "#0f6cbd00"
+            },
+            "indeterminate-gradient-center": {
+              "$type": "color",
+              "$value": "{color.content.primary.default.rest}"
+            }
+          }
+        },
+        "success": {
+          "track": {
+            "rest": {
+              "$type": "color",
+              "$value": "{color.border.neutral.default.rest}"
+            }
+          },
+          "indicator": {
+            "rest": {
+              "$type": "color",
+              "$value": "{color.content.success.default.rest}"
+            }
+          }
+        },
+        "error": {
+          "indicator": {
+            "rest": {
+              "$type": "color",
+              "$value": "{color.content.danger.default.rest}"
+            }
+          },
+          "track": {
+            "rest": {
+              "$type": "color",
+              "$value": "{color.border.neutral.default.rest}"
+            }
+          }
+        },
+        "warning": {
+          "indicator": {
+            "rest": {
+              "$type": "color",
+              "$value": "{color.content.warning.default.rest}"
+            }
+          },
+          "track": {
+            "rest": {
+              "$type": "color",
+              "$value": "{color.border.neutral.default.rest}"
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/tokens/components/desktop/radio-button/fluent.json

@@ -0,0 +1,76 @@
+{
+  "radio-button": {
+    "focus-rect": {
+      "borders": {
+        "border-radius": {
+          "medium": {
+            "$type": "number",
+            "$value": "{border-radius.full}"
+          },
+          "small": {
+            "$type": "number",
+            "$value": "{border-radius.full}"
+          }
+        }
+      }
+    },
+    "layout": {
+      "without-capture": {
+        "outer-box": {
+          "horizontal": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            }
+          },
+          "vertical": {
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            },
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            }
+          }
+        }
+      },
+      "with-capture": {
+        "inner-box": {
+          "vertical": {
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.60}"
+            }
+          }
+        }
+      },
+      "radio": {
+        "vertical": {
+          "medium": {
+            "$type": "number",
+            "$value": "{spacing.40}"
+          }
+        },
+        "horizontal": {
+          "medium": {
+            "$type": "number",
+            "$value": "{spacing.40}"
+          }
+        }
+      }
+    },
+    "icon": {
+      "size": {
+        "medium": {
+          "$type": "number",
+          "$value": "{icon.size.16px}"
+        }
+      }
+    }
+  }
+}

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

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

package/tokens/components/desktop/split-button/fluent.json

@@ -0,0 +1,30 @@
+{
+  "split-button": {
+    "layout": {
+      "gap": {
+        "small": {
+          "$type": "number",
+          "$value": "{spacing.minus-10}"
+        },
+        "medium": {
+          "$type": "number",
+          "$value": "{spacing.minus-10}"
+        }
+      }
+    },
+    "borders": {
+      "border-radius": {
+        "inner-corner": {
+          "medium": {
+            "$type": "number",
+            "$value": "{border-radius.0}"
+          },
+          "small": {
+            "$type": "number",
+            "$value": "{border-radius.0}"
+          }
+        }
+      }
+    }
+  }
+}

package/tokens/components/desktop/text-edit/fluent.json

@@ -0,0 +1,174 @@
+{
+  "text-edit": {
+    "icon-validate": {
+      "color": {
+        "default": {
+          "content": {
+            "rest": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.rest}"
+            },
+            "disabled": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.disabled}"
+            }
+          }
+        },
+        "info": {
+          "content": {
+            "rest": {
+              "$type": "color",
+              "$value": "{color.content.info.default.rest}"
+            }
+          }
+        },
+        "warning": {
+          "content": {
+            "rest": {
+              "$type": "color",
+              "$value": "{color.content.warning.default.rest}"
+            }
+          }
+        },
+        "error": {
+          "content": {
+            "rest": {
+              "$type": "color",
+              "$value": "{color.content.danger.default.rest}"
+            }
+          }
+        }
+      }
+    },
+    "custom-text-edit": {
+      "color": {
+        "content-label": {
+          "rest": {
+            "$type": "color",
+            "$value": "{color.content.neutral.subdued.rest}"
+          }
+        }
+      },
+      "typography": {
+        "font-family": {
+          "$type": "text",
+          "$value": "{font-family.sans-serif}"
+        },
+        "label-box": {
+          "font-size": {
+            "small": {
+              "$type": "number",
+              "$value": "{font-size.caption-2}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{font-size.caption-1}"
+            }
+          },
+          "line-height": {
+            "small": {
+              "$type": "number",
+              "$value": "{line-height.caption-2}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{line-height.caption-1}"
+            }
+          },
+          "font-weight": {
+            "small": {
+              "$type": "number",
+              "$value": "{font-weight.caption-2}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{font-weight.caption-1}"
+            }
+          }
+        }
+      },
+      "layout": {
+        "label-text-box": {
+          "hight": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.300}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.360}"
+            }
+          },
+          "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": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            }
+          }
+        }
+      }
+    },
+    "text-edit": {
+      "layout": {
+        "custom-content": {
+          "horizontal": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.10}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.20}"
+            }
+          },
+          "vertical": {
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.20}"
+            },
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.10}"
+            }
+          }
+        },
+        "outer-box": {
+          "min-width": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.1200}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.1600}"
+            }
+          }
+        }
+      }
+    }
+  }
+}