@devexpress/design-tokens-internal 261.0.2 → 261.0.3

package/tokens/components/web/scheduler-popups/fluent.json

@@ -0,0 +1,290 @@
+{
+  "scheduler-popups": {
+    "form-header": {
+      "color": {
+        "border": {
+          "$type": "color",
+          "$value": "{color.border.neutral.default.rest}"
+        },
+        "bg": {
+          "$type": "color",
+          "$value": "{color.surface.neutral.default.rest}"
+        },
+        "text": {
+          "$type": "color",
+          "$value": "{color.content.neutral.default.rest}"
+        }
+      },
+      "typography": {
+        "font-family": {
+          "$type": "text",
+          "$value": "{font-family.sans-serif}"
+        },
+        "line-height": {
+          "$type": "number",
+          "$value": "{line-height.title.md}"
+        },
+        "font-weight": {
+          "$type": "number",
+          "$value": "{font-weight.title.default}"
+        },
+        "font-size": {
+          "$type": "number",
+          "$value": "{font-size.title.md}"
+        }
+      },
+      "layout": {
+        "content-box": {
+          "gap": {
+            "$type": "number",
+            "$value": "{sizing.theme-builder.item-gap.medium}"
+          }
+        },
+        "button-box": {
+          "gap": {
+            "$type": "number",
+            "$value": "{sizing.theme-builder.item-gap.medium}"
+          }
+        }
+      },
+      "border-width": {
+        "bottom": {
+          "$type": "number",
+          "$value": "{border-width.10}"
+        }
+      }
+    },
+    "form-content-template": {
+      "color": {
+        "icon": {
+          "$type": "color",
+          "$value": "{color.content.neutral.subdued.rest}"
+        }
+      },
+      "layout": {
+        "item-box": {
+          "top": {
+            "$type": "number",
+            "$value": "{spacing.60}"
+          }
+        },
+        "label-item": {
+          "$type": "number",
+          "$value": "{spacing.160}"
+        },
+        "outer-box": {
+          "gap": {
+            "$type": "number",
+            "$value": "{sizing.theme-builder.item-gap.medium}"
+          }
+        },
+        "icon-wrapper": {
+          "$type": "number",
+          "$value": "{spacing.200}"
+        }
+      },
+      "border-radius": {
+        "label-item": {
+          "$type": "number",
+          "$value": "{border-radius.full}"
+        }
+      },
+      "icon": {
+        "size": {
+          "$type": "number",
+          "$value": "{icon.size.20px}"
+        }
+      }
+    },
+    "tooltip-header": {
+      "color": {
+        "border": {
+          "$type": "color",
+          "$value": "{color.border.neutral.default.rest}"
+        },
+        "bg": {
+          "$type": "color",
+          "$value": "{color.surface.neutral.default.rest}"
+        },
+        "text": {
+          "$type": "color",
+          "$value": "{color.content.neutral.default.rest}"
+        }
+      },
+      "typography": {
+        "font-family": {
+          "$type": "text",
+          "$value": "{font-family.sans-serif}"
+        },
+        "font-weight": {
+          "$type": "number",
+          "$value": "{font-weight.title.default}"
+        },
+        "font-size": {
+          "$type": "number",
+          "$value": "{font-size.title.sm}"
+        },
+        "line-height": {
+          "$type": "number",
+          "$value": "{line-height.title.sm}"
+        }
+      },
+      "layout": {
+        "color-indicator": {
+          "height": {
+            "$type": "number",
+            "$value": "{spacing.40}"
+          }
+        },
+        "content-box": {
+          "gap": {
+            "$type": "number",
+            "$value": "{sizing.theme-builder.item-gap.medium}"
+          }
+        },
+        "button-box": {
+          "gap": {
+            "$type": "number",
+            "$value": "{spacing.40}"
+          }
+        }
+      },
+      "border-width": {
+        "bottom": {
+          "$type": "number",
+          "$value": "{border-width.10}"
+        }
+      }
+    },
+    "tooltip-item": {
+      "color": {
+        "text": {
+          "$type": "color",
+          "$value": "{color.content.neutral.default.rest}"
+        },
+        "icon": {
+          "$type": "color",
+          "$value": "{color.content.neutral.subdued.rest}"
+        }
+      },
+      "typography": {
+        "font-family": {
+          "$type": "text",
+          "$value": "{font-family.sans-serif}"
+        },
+        "font-weight": {
+          "$type": "number",
+          "$value": "{font-weight.base.default}"
+        },
+        "font-size": {
+          "$type": "number",
+          "$value": "{font-size.base.md}"
+        },
+        "line-height": {
+          "$type": "number",
+          "$value": "{line-height.base.md}"
+        }
+      },
+      "layout": {
+        "inner-box": {
+          "gap": {
+            "$type": "number",
+            "$value": "{spacing.120}"
+          }
+        },
+        "icon-wrapper": {
+          "$type": "number",
+          "$value": "{spacing.200}"
+        }
+      },
+      "icon": {
+        "size": {
+          "$type": "number",
+          "$value": "{icon.size.20px}"
+        }
+      }
+    },
+    "form-content": {
+      "layout": {
+        "form-layout-item": {
+          "caption-box": {
+            "left": {
+              "$type": "number",
+              "$value": "{spacing.320}"
+            }
+          }
+        }
+      }
+    },
+    "tooltip-content": {
+      "layout": {
+        "inner-box": {
+          "gap": {
+            "$type": "number",
+            "$value": "{spacing.120}"
+          },
+          "top": {
+            "$type": "number",
+            "$value": "{spacing.160}"
+          }
+        }
+      }
+    },
+    "show-more-content": {
+      "layout": {
+        "top": {
+          "$type": "number",
+          "$value": "{spacing.80}"
+        }
+      }
+    },
+    "repeat-weekly-buttons": {
+      "layout": {
+        "outer-box": {
+          "gap": {
+            "$type": "number",
+            "$value": "{spacing.80}"
+          }
+        },
+        "button": {
+          "width": {
+            "$type": "number",
+            "$value": "{spacing.320}"
+          }
+        }
+      }
+    },
+    "compact-form": {
+      "layout": {
+        "body": {
+          "outer-box": {
+            "top": {
+              "$type": "number",
+              "$value": "{spacing.160}"
+            }
+          }
+        }
+      }
+    },
+    "show-more-tooltip": {
+      "layout": {
+        "max-height": {
+          "$type": "number",
+          "$value": 320
+        }
+      }
+    },
+    "extended-form": {
+      "layout": {
+        "body": {
+          "outer-box": {
+            "top": {
+              "$type": "number",
+              "$value": "{spacing.240}"
+            }
+          }
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,92 @@
+{
+  "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}"
+        }
+      }
+    },
+    "borders": {
+      "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/web/split-button/fluent.json

@@ -0,0 +1,78 @@
+{
+  "split-button": {
+    "color": {
+      "separator": {
+        "rest": {
+          "$type": "color",
+          "$value": "{color.surface.neutral.default.rest}"
+        }
+      }
+    },
+    "layout": {
+      "outer-box": {
+        "gap": {
+          "large": {
+            "$type": "number",
+            "$value": "{spacing.minus-10}"
+          },
+          "small": {
+            "$type": "number",
+            "$value": "{spacing.minus-10}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{spacing.minus-10}"
+          }
+        }
+      },
+      "inner-box": {
+        "horizontal": {
+          "medium": {
+            "$type": "number",
+            "$value": "{spacing.50}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{spacing.70}"
+          },
+          "small": {
+            "$type": "number",
+            "$value": "{spacing.50}"
+          }
+        },
+        "vertical": {
+          "small": {
+            "$type": "number",
+            "$value": "{spacing.50}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{spacing.90}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{spacing.110}"
+          }
+        }
+      }
+    },
+    "borders": {
+      "border-radius": {
+        "inner-corner": {
+          "medium": {
+            "$type": "number",
+            "$value": "{border-radius.0}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{border-radius.0}"
+          },
+          "small": {
+            "$type": "number",
+            "$value": "{border-radius.0}"
+          }
+        }
+      }
+    }
+  }
+}