@devexpress/design-tokens-internal 261.0.2 → 261.0.3

package/tokens/components/core/container-footer/fluent.json

@@ -0,0 +1,104 @@
+{
+  "container-footer": {
+    "color": {
+      "bg": {
+        "rest": {
+          "$type": "color",
+          "$value": "{color.surface.neutral.default.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": {
+      "outer-box": {
+        "horizontal": {
+          "small": {
+            "$type": "number",
+            "$value": "{spacing.200}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{spacing.240}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{spacing.280}"
+          }
+        },
+        "vertical-start": {
+          "small": {
+            "$type": "number",
+            "$value": "{spacing.80}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{spacing.120}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{spacing.160}"
+          }
+        },
+        "vertical-end": {
+          "small": {
+            "$type": "number",
+            "$value": "{spacing.200}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{spacing.240}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{spacing.280}"
+          }
+        }
+      },
+      "content-box": {
+        "vertical": {
+          "small": {
+            "$type": "number",
+            "$value": "{spacing.40}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{spacing.40}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{spacing.40}"
+          }
+        },
+        "gap": {
+          "small": {
+            "$type": "number",
+            "$value": "{sizing.theme-builder.item-gap.small}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{sizing.theme-builder.item-gap.medium}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{sizing.theme-builder.item-gap.large}"
+          }
+        }
+      }
+    }
+  }
+}

package/tokens/components/core/container-header/fluent.json

@@ -0,0 +1,166 @@
+{
+  "container-header": {
+    "color": {
+      "bg": {
+        "rest": {
+          "$type": "color",
+          "$value": "{color.surface.neutral.default.rest}"
+        }
+      },
+      "content": {
+        "rest": {
+          "$type": "color",
+          "$value": "{color.content.neutral.default.rest}"
+        }
+      }
+    },
+    "typography": {
+      "font-weight": {
+        "small": {
+          "$type": "number",
+          "$value": "{font-weight.title.default}"
+        },
+        "medium": {
+          "$type": "number",
+          "$value": "{font-weight.title.default}"
+        },
+        "large": {
+          "$type": "number",
+          "$value": "{font-weight.title.default}"
+        }
+      },
+      "font-size": {
+        "small": {
+          "$type": "number",
+          "$value": "{font-size.title.sm}"
+        },
+        "medium": {
+          "$type": "number",
+          "$value": "{font-size.title.md}"
+        },
+        "large": {
+          "$type": "number",
+          "$value": "{font-size.title.lg}"
+        }
+      },
+      "line-height": {
+        "small": {
+          "$type": "number",
+          "$value": "{line-height.title.sm}"
+        },
+        "medium": {
+          "$type": "number",
+          "$value": "{line-height.title.md}"
+        },
+        "large": {
+          "$type": "number",
+          "$value": "{line-height.title.lg}"
+        }
+      },
+      "letter-spacing": {
+        "small": {
+          "$type": "number",
+          "$value": "{letter-spacing.title.sm}"
+        },
+        "medium": {
+          "$type": "number",
+          "$value": "{letter-spacing.title.md}"
+        },
+        "large": {
+          "$type": "number",
+          "$value": "{letter-spacing.title.lg}"
+        }
+      }
+    },
+    "layout": {
+      "content-box": {
+        "gap": {
+          "small": {
+            "$type": "number",
+            "$value": "{spacing.80}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{spacing.120}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{spacing.160}"
+          }
+        },
+        "vertical": {
+          "small": {
+            "$type": "number",
+            "$value": "{spacing.10}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{spacing.20}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{spacing.30}"
+          }
+        }
+      },
+      "outer-box": {
+        "horizontal": {
+          "small": {
+            "$type": "number",
+            "$value": "{spacing.200}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{spacing.240}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{spacing.280}"
+          }
+        },
+        "vertical-start": {
+          "small": {
+            "$type": "number",
+            "$value": "{spacing.200}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{spacing.240}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{spacing.280}"
+          }
+        },
+        "gap": {
+          "small": {
+            "$type": "number",
+            "$value": "{spacing.80}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{spacing.100}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{spacing.120}"
+          }
+        },
+        "vertical-end": {
+          "small": {
+            "$type": "number",
+            "$value": "{spacing.80}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{spacing.120}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{spacing.160}"
+          }
+        }
+      }
+    }
+  }
+}

package/tokens/components/core/dialog/fluent.json

@@ -0,0 +1,88 @@
+{
+  "dialog": {
+    "box-shadow": {
+      "layer-1": {
+        "color": {
+          "$type": "color",
+          "$value": "{box-shadow.layer-1.color.2xl}"
+        },
+        "x": {
+          "$type": "number",
+          "$value": "{box-shadow.layer-1.x.2xl}"
+        },
+        "y": {
+          "$type": "number",
+          "$value": "{box-shadow.layer-1.y.2xl}"
+        },
+        "blur": {
+          "$type": "number",
+          "$value": "{box-shadow.layer-1.blur.2xl}"
+        },
+        "spread": {
+          "$type": "number",
+          "$value": "{box-shadow.layer-1.spread.2xl}"
+        }
+      },
+      "layer-2": {
+        "color": {
+          "$type": "color",
+          "$value": "{box-shadow.layer-2.color.2xl}"
+        },
+        "x": {
+          "$type": "number",
+          "$value": "{box-shadow.layer-2.x.2xl}"
+        },
+        "y": {
+          "$type": "number",
+          "$value": "{box-shadow.layer-2.y.2xl}"
+        },
+        "blur": {
+          "$type": "number",
+          "$value": "{box-shadow.layer-2.blur.2xl}"
+        },
+        "spread": {
+          "$type": "number",
+          "$value": "{box-shadow.layer-2.spread.2xl}"
+        }
+      },
+      "composite": {
+        "$type": "text",
+        "$value": "{box-shadow.2xl}"
+      }
+    },
+    "layout": {
+      "outer-box": {
+        "gap": {
+          "small": {
+            "$type": "number",
+            "$value": "{spacing.0}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{spacing.0}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{spacing.0}"
+          }
+        }
+      }
+    },
+    "borders": {
+      "border-radius": {
+        "small": {
+          "$type": "number",
+          "$value": "{border-radius.80}"
+        },
+        "medium": {
+          "$type": "number",
+          "$value": "{border-radius.80}"
+        },
+        "large": {
+          "$type": "number",
+          "$value": "{border-radius.80}"
+        }
+      }
+    }
+  }
+}

package/tokens/components/core/drawer/fluent.json

@@ -0,0 +1,80 @@
+{
+  "drawer": {
+    "color": {
+      "border": {
+        "rest": {
+          "$type": "color",
+          "$value": "{color.border.neutral.default.rest}"
+        }
+      }
+    },
+    "box-shadow": {
+      "overlap": {
+        "layer-1": {
+          "color": {
+            "$type": "color",
+            "$value": "{box-shadow.layer-1.color.2xl}"
+          },
+          "x": {
+            "$type": "number",
+            "$value": "{box-shadow.layer-1.x.2xl}"
+          },
+          "y": {
+            "$type": "number",
+            "$value": "{box-shadow.layer-1.y.2xl}"
+          },
+          "blur": {
+            "$type": "number",
+            "$value": "{box-shadow.layer-1.blur.2xl}"
+          },
+          "spread": {
+            "$type": "number",
+            "$value": "{box-shadow.layer-1.spread.2xl}"
+          }
+        },
+        "layer-2": {
+          "color": {
+            "$type": "color",
+            "$value": "{box-shadow.layer-2.color.2xl}"
+          },
+          "x": {
+            "$type": "number",
+            "$value": "{box-shadow.layer-2.x.2xl}"
+          },
+          "y": {
+            "$type": "number",
+            "$value": "{box-shadow.layer-2.y.2xl}"
+          },
+          "blur": {
+            "$type": "number",
+            "$value": "{box-shadow.layer-2.blur.2xl}"
+          },
+          "spread": {
+            "$type": "number",
+            "$value": "{box-shadow.layer-2.spread.2xl}"
+          }
+        },
+        "composite": {
+          "$type": "text",
+          "$value": "{box-shadow.2xl}"
+        }
+      }
+    },
+    "borders": {
+      "border-width": {
+        "small": {
+          "$type": "number",
+          "$value": "{border-width.10}"
+        },
+        "medium": {
+          "$type": "number",
+          "$value": "{border-width.10}"
+        },
+        "large": {
+          "$type": "number",
+          "$value": "{border-width.10}"
+        }
+      }
+    }
+  }
+}

package/tokens/components/core/empty-item/fluent.json

@@ -0,0 +1,180 @@
+{
+  "empty-item": {
+    "color": {
+      "bg": {
+        "rest": {
+          "$type": "color",
+          "$value": "{color.surface.transparent.rest}"
+        }
+      },
+      "icon": {
+        "rest": {
+          "$type": "color",
+          "$value": "{color.content.neutral.subdued.rest}"
+        }
+      },
+      "text": {
+        "rest": {
+          "$type": "color",
+          "$value": "{color.content.neutral.subdued.rest}"
+        }
+      }
+    },
+    "typography": {
+      "font-family": {
+        "$type": "text",
+        "$value": "{font-family.sans-serif}"
+      },
+      "caption": {
+        "letter-spacing": {
+          "small": {
+            "$type": "number",
+            "$value": "{letter-spacing.base.sm}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{letter-spacing.base.lg}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{letter-spacing.base.md}"
+          }
+        },
+        "line-height": {
+          "medium": {
+            "$type": "number",
+            "$value": "{line-height.base.md}"
+          },
+          "small": {
+            "$type": "number",
+            "$value": "{line-height.base.sm}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{line-height.base.lg}"
+          }
+        },
+        "font-weight": {
+          "large": {
+            "$type": "number",
+            "$value": "{font-weight.base.default}"
+          },
+          "small": {
+            "$type": "number",
+            "$value": "{font-weight.base.default}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{font-weight.base.default}"
+          }
+        },
+        "font-size": {
+          "large": {
+            "$type": "number",
+            "$value": "{font-size.base.lg}"
+          },
+          "small": {
+            "$type": "number",
+            "$value": "{font-size.base.sm}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{font-size.base.md}"
+          }
+        }
+      },
+      "title": {
+        "letter-spacing": {
+          "large": {
+            "$type": "number",
+            "$value": "{letter-spacing.title.lg}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{letter-spacing.title.md}"
+          },
+          "small": {
+            "$type": "number",
+            "$value": "{letter-spacing.title.sm}"
+          }
+        },
+        "line-height": {
+          "large": {
+            "$type": "number",
+            "$value": "{line-height.title.lg}"
+          },
+          "small": {
+            "$type": "number",
+            "$value": "{line-height.title.sm}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{line-height.title.md}"
+          }
+        },
+        "font-weight": {
+          "large": {
+            "$type": "number",
+            "$value": "{font-weight.title.default}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{font-weight.title.default}"
+          },
+          "small": {
+            "$type": "number",
+            "$value": "{font-weight.title.default}"
+          }
+        },
+        "font-size": {
+          "medium": {
+            "$type": "number",
+            "$value": "{font-size.title.md}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{font-size.title.lg}"
+          },
+          "small": {
+            "$type": "number",
+            "$value": "{font-size.title.sm}"
+          }
+        }
+      }
+    },
+    "layout": {
+      "outer-box": {
+        "gap": {
+          "large": {
+            "$type": "number",
+            "$value": "{spacing.80}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{spacing.60}"
+          },
+          "small": {
+            "$type": "number",
+            "$value": "{spacing.40}"
+          }
+        }
+      },
+      "content-box": {
+        "gap": {
+          "medium": {
+            "$type": "number",
+            "$value": "{spacing.20}"
+          },
+          "small": {
+            "$type": "number",
+            "$value": "{spacing.20}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{spacing.40}"
+          }
+        }
+      }
+    }
+  }
+}

package/tokens/components/core/focus-rect/fluent.json

@@ -0,0 +1,42 @@
+{
+  "focus-rect": {
+    "color": {
+      "default": {
+        "$type": "color",
+        "$value": "{color.theme-builder.focus}"
+      },
+      "static": {
+        "$type": "color",
+        "$value": "{color.theme-builder.focus-static}"
+      },
+      "static-inverted": {
+        "$type": "color",
+        "$value": "{color.theme-builder.focus-static-inverted}"
+      },
+      "inverted": {
+        "$type": "color",
+        "$value": "{color.theme-builder.focus-inverted}"
+      }
+    },
+    "layout": {
+      "offset": {
+        "$type": "number",
+        "$value": "{spacing.10}"
+      },
+      "outer-box": {
+        "$type": "number",
+        "$value": "{spacing.minus-10}"
+      }
+    },
+    "borders": {
+      "border-radius": {
+        "$type": "number",
+        "$value": "{border-radius.50}"
+      },
+      "border-width": {
+        "$type": "number",
+        "$value": "{border-width.theme-builder.focus}"
+      }
+    }
+  }
+}