@devexpress/design-tokens-internal 261.0.2 → 261.0.3

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

@@ -0,0 +1,110 @@
+{
+  "datapager": {
+    "layout": {
+      "stack": {
+        "text-box": {
+          "vertical": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.40}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.60}"
+            }
+          }
+        },
+        "outer-box": {
+          "vertical": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            }
+          },
+          "horizontal": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            }
+          },
+          "gap": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.40}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.60}"
+            }
+          }
+        }
+      },
+      "content": {
+        "content-box": {
+          "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}"
+            }
+          }
+        }
+      }
+    }
+  },
+  "datapager-button-group": {
+    "layout": {
+      "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}"
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,254 @@
+{
+  "filter-editor": {
+    "custom": {
+      "filter-dropdown-button": {
+        "color": {
+          "operation": {
+            "bg": {
+              "hover": {
+                "$type": "color",
+                "$value": "{color.surface.info.deep.hovered}"
+              },
+              "default": {
+                "$type": "color",
+                "$value": "{color.surface.info.deep.selected}"
+              },
+              "selected": {
+                "$type": "color",
+                "$value": "{color.surface.info.deep.rest}"
+              },
+              "active": {
+                "$type": "color",
+                "$value": "{color.surface.info.deep.active}"
+              }
+            }
+          },
+          "field": {
+            "bg": {
+              "selected": {
+                "$type": "color",
+                "$value": "{color.surface.warning.deep.rest}"
+              },
+              "hovered": {
+                "$type": "color",
+                "$value": "{color.surface.warning.deep.hovered}"
+              },
+              "active": {
+                "$type": "color",
+                "$value": "{color.surface.warning.deep.active}"
+              },
+              "default": {
+                "$type": "color",
+                "$value": "{color.surface.warning.deep.selected}"
+              }
+            }
+          },
+          "conditional": {
+            "bg": {
+              "selected": {
+                "$type": "color",
+                "$value": "{color.surface.primary.deep.rest}"
+              },
+              "default": {
+                "$type": "color",
+                "$value": "{color.surface.primary.deep.selected}"
+              },
+              "active": {
+                "$type": "color",
+                "$value": "{color.surface.primary.deep.active}"
+              },
+              "hovered": {
+                "$type": "color",
+                "$value": "{color.surface.primary.deep.hovered}"
+              }
+            }
+          },
+          "border": {
+            "rest": {
+              "$type": "color",
+              "$value": "{color.border.transparent.rest}"
+            }
+          },
+          "argument": {
+            "bg": {
+              "active": {
+                "$type": "color",
+                "$value": "{color.surface.success.deep.active}"
+              },
+              "selected": {
+                "$type": "color",
+                "$value": "{color.surface.success.deep.rest}"
+              },
+              "hovered": {
+                "$type": "color",
+                "$value": "{color.surface.success.deep.hovered}"
+              },
+              "default": {
+                "$type": "color",
+                "$value": "{color.surface.success.deep.selected}"
+              }
+            }
+          }
+        },
+        "layout": {
+          "outer-box": {
+            "min-width": {
+              "small": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              },
+              "medium": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              }
+            }
+          }
+        },
+        "typography": {
+          "font-weight": {
+            "medium": {
+              "$type": "number",
+              "$value": "{font-weight.body-1}"
+            }
+          }
+        }
+      }
+    },
+    "main-group-control": {
+      "color": {
+        "icon": {
+          "rest": {
+            "$type": "color",
+            "$value": "{color.content.neutral.default.rest}"
+          }
+        }
+      },
+      "layout": {
+        "content-box": {
+          "gap": {
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.40}"
+            },
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.40}"
+            }
+          }
+        },
+        "outer-box": {
+          "gap": {
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            },
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            }
+          }
+        }
+      }
+    },
+    "filter-expression": {
+      "color": {
+        "icon": {
+          "rest": {
+            "$type": "color",
+            "$value": "{color.content.neutral.default.rest}"
+          }
+        }
+      },
+      "layout": {
+        "content-box": {
+          "vertical-gap": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.40}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.40}"
+            }
+          },
+          "horizontal-gap": {
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.40}"
+            },
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.40}"
+            }
+          }
+        },
+        "outer-box": {
+          "gap": {
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            },
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            }
+          }
+        }
+      }
+    },
+    "filter-value-with-label": {
+      "layout": {
+        "inner-box": {
+          "medium": {
+            "$type": "number",
+            "$value": "{spacing.40}"
+          },
+          "small": {
+            "$type": "number",
+            "$value": "{spacing.40}"
+          }
+        },
+        "text-box": {
+          "vertical": {
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.40}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.60}"
+            }
+          }
+        }
+      }
+    },
+    "filter-editor": {
+      "layout": {
+        "inner-box": {
+          "gap": {
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.60}"
+            },
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.60}"
+            }
+          }
+        },
+        "outer-box": {
+          "gap": {
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.120}"
+            },
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.120}"
+            }
+          }
+        }
+      }
+    }
+  }
+}