@devexpress/design-tokens-internal 261.0.2 → 261.0.3

package/tokens/components/web/filter-builder/fluent.json

@@ -0,0 +1,570 @@
+{
+  "filter-builder": {
+    "filter-builder-dropdown-button": {
+      "color": {
+        "value": {
+          "selected": {
+            "bg": {
+              "$type": "color",
+              "$value": "{color.surface.success.deep.rest}"
+            },
+            "text": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.selected}"
+            },
+            "icon": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.selected}"
+            }
+          },
+          "hover": {
+            "bg": {
+              "$type": "color",
+              "$value": "{color.surface.success.deep.hovered}"
+            },
+            "text": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.hovered}"
+            },
+            "icon": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.hovered}"
+            }
+          },
+          "normal": {
+            "text": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.rest}"
+            },
+            "icon": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.rest}"
+            },
+            "bg": {
+              "$type": "color",
+              "$value": "{color.surface.success.deep.selected}"
+            }
+          },
+          "pressed": {
+            "text": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.active}"
+            },
+            "icon": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.active}"
+            },
+            "bg": {
+              "$type": "color",
+              "$value": "{color.surface.success.deep.active}"
+            }
+          }
+        },
+        "operation": {
+          "normal": {
+            "icon": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.rest}"
+            },
+            "text": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.rest}"
+            },
+            "bg": {
+              "$type": "color",
+              "$value": "{color.surface.info.deep.selected}"
+            }
+          },
+          "hover": {
+            "text": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.hovered}"
+            },
+            "bg": {
+              "$type": "color",
+              "$value": "{color.surface.info.deep.hovered}"
+            },
+            "icon": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.hovered}"
+            }
+          },
+          "pressed": {
+            "bg": {
+              "$type": "color",
+              "$value": "{color.surface.info.deep.active}"
+            },
+            "icon": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.active}"
+            },
+            "text": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.active}"
+            }
+          },
+          "selected": {
+            "icon": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.selected}"
+            },
+            "text": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.selected}"
+            },
+            "bg": {
+              "$type": "color",
+              "$value": "{color.surface.info.deep.rest}"
+            }
+          }
+        },
+        "filter": {
+          "selected": {
+            "bg": {
+              "$type": "color",
+              "$value": "{color.surface.warning.deep.rest}"
+            },
+            "text": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.selected}"
+            },
+            "icon": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.selected}"
+            }
+          },
+          "normal": {
+            "icon": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.rest}"
+            },
+            "text": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.rest}"
+            },
+            "bg": {
+              "$type": "color",
+              "$value": "{color.surface.warning.deep.selected}"
+            }
+          },
+          "hover": {
+            "text": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.hovered}"
+            },
+            "icon": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.hovered}"
+            },
+            "bg": {
+              "$type": "color",
+              "$value": "{color.surface.warning.deep.hovered}"
+            }
+          },
+          "pressed": {
+            "icon": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.active}"
+            },
+            "text": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.active}"
+            },
+            "bg": {
+              "$type": "color",
+              "$value": "{color.surface.warning.deep.active}"
+            }
+          }
+        },
+        "сonditional": {
+          "pressed": {
+            "bg": {
+              "$type": "color",
+              "$value": "{color.surface.primary.deep.active}"
+            },
+            "text": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.active}"
+            },
+            "icon": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.active}"
+            }
+          },
+          "hover": {
+            "icon": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.hovered}"
+            },
+            "text": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.hovered}"
+            },
+            "bg": {
+              "$type": "color",
+              "$value": "{color.surface.primary.deep.hovered}"
+            }
+          },
+          "selected": {
+            "text": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.selected}"
+            },
+            "icon": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.selected}"
+            },
+            "bg": {
+              "$type": "color",
+              "$value": "{color.surface.primary.deep.rest}"
+            }
+          },
+          "normal": {
+            "bg": {
+              "$type": "color",
+              "$value": "{color.surface.primary.deep.selected}"
+            },
+            "icon": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.rest}"
+            },
+            "text": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.rest}"
+            }
+          }
+        }
+      }
+    },
+    "empty-space": {
+      "color": {
+        "bg": {
+          "$type": "color",
+          "$value": "{color.surface.transparent.rest}"
+        }
+      },
+      "layout": {
+        "empty-box": {
+          "medium": {
+            "height": {
+              "$type": "number",
+              "$value": "{spacing.320}"
+            },
+            "width": {
+              "$type": "number",
+              "$value": "{spacing.120}"
+            }
+          },
+          "small": {
+            "height": {
+              "$type": "number",
+              "$value": "{spacing.240}"
+            },
+            "width": {
+              "$type": "number",
+              "$value": "{spacing.120}"
+            }
+          },
+          "large": {
+            "width": {
+              "$type": "number",
+              "$value": "{spacing.140}"
+            },
+            "height": {
+              "$type": "number",
+              "$value": "{spacing.400}"
+            }
+          }
+        },
+        "outer-box": {
+          "small": {
+            "gap": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            }
+          },
+          "large": {
+            "gap": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            }
+          },
+          "medium": {
+            "gap": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            }
+          }
+        }
+      }
+    },
+    "label": {
+      "color": {
+        "text": {
+          "$type": "color",
+          "$value": "{color.content.neutral.default.rest}"
+        }
+      },
+      "typography": {
+        "small": {
+          "font-family": {
+            "$type": "text",
+            "$value": "{font-family.sans-serif}"
+          },
+          "line-height": {
+            "$type": "number",
+            "$value": "{line-height.caption-1}"
+          },
+          "font-weight": {
+            "$type": "number",
+            "$value": "{font-weight.caption-1}"
+          },
+          "font-size": {
+            "$type": "number",
+            "$value": "{font-size.caption-1}"
+          }
+        },
+        "medium": {
+          "font-family": {
+            "$type": "text",
+            "$value": "{font-family.sans-serif}"
+          },
+          "font-size": {
+            "$type": "number",
+            "$value": "{font-size.body-1}"
+          },
+          "font-weight": {
+            "$type": "number",
+            "$value": "{font-weight.body-1}"
+          },
+          "line-height": {
+            "$type": "number",
+            "$value": "{line-height.body-1}"
+          }
+        },
+        "large": {
+          "font-family": {
+            "$type": "text",
+            "$value": "{font-family.sans-serif}"
+          },
+          "line-height": {
+            "$type": "number",
+            "$value": "{line-height.body-2}"
+          },
+          "font-weight": {
+            "$type": "number",
+            "$value": "{font-weight.body-2}"
+          },
+          "font-size": {
+            "$type": "number",
+            "$value": "{font-size.body-2}"
+          }
+        }
+      },
+      "layout": {
+        "medium": {
+          "horizontal": {
+            "$type": "number",
+            "$value": "{spacing.0}"
+          },
+          "vertical": {
+            "$type": "number",
+            "$value": "{spacing.0}"
+          }
+        },
+        "large": {
+          "vertical": {
+            "$type": "number",
+            "$value": "{spacing.0}"
+          },
+          "horizontal": {
+            "$type": "number",
+            "$value": "{spacing.0}"
+          }
+        },
+        "small": {
+          "vertical": {
+            "$type": "number",
+            "$value": "{spacing.0}"
+          },
+          "horizontal": {
+            "$type": "number",
+            "$value": "{spacing.0}"
+          }
+        }
+      }
+    },
+    "conditional-item": {
+      "layout": {
+        "outer-box": {
+          "medium": {
+            "gap": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            }
+          },
+          "large": {
+            "gap": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            }
+          },
+          "small": {
+            "gap": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            }
+          }
+        },
+        "content-box": {
+          "medium": {
+            "vertical-gap": {
+              "$type": "number",
+              "$value": "{spacing.40}"
+            },
+            "horizontal-gap": {
+              "$type": "number",
+              "$value": "{spacing.40}"
+            }
+          },
+          "small": {
+            "vertical-gap": {
+              "$type": "number",
+              "$value": "{spacing.40}"
+            },
+            "horizontal-gap": {
+              "$type": "number",
+              "$value": "{spacing.40}"
+            }
+          },
+          "large": {
+            "horizontal-gap": {
+              "$type": "number",
+              "$value": "{spacing.40}"
+            },
+            "vertical-gap": {
+              "$type": "number",
+              "$value": "{spacing.40}"
+            }
+          }
+        }
+      }
+    },
+    "main-group": {
+      "layout": {
+        "outer-box": {
+          "small": {
+            "gap": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            }
+          },
+          "large": {
+            "gap": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            }
+          },
+          "medium": {
+            "gap": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            }
+          }
+        },
+        "content-box": {
+          "large": {
+            "gap": {
+              "$type": "number",
+              "$value": "{spacing.40}"
+            }
+          },
+          "medium": {
+            "gap": {
+              "$type": "number",
+              "$value": "{spacing.40}"
+            }
+          },
+          "small": {
+            "gap": {
+              "$type": "number",
+              "$value": "{spacing.40}"
+            }
+          }
+        }
+      }
+    },
+    "demo-item": {
+      "layout": {
+        "vertical": {
+          "$type": "number",
+          "$value": "{spacing.80}"
+        },
+        "gap": {
+          "$type": "number",
+          "$value": "{spacing.160}"
+        },
+        "horizontal": {
+          "$type": "number",
+          "$value": "{spacing.80}"
+        }
+      },
+      "border-width": {
+        "border": {
+          "$type": "number",
+          "$value": "{border-width.10}"
+        }
+      },
+      "border-radius": {
+        "border": {
+          "$type": "number",
+          "$value": "{border-radius.80}"
+        }
+      }
+    },
+    "filter-builder": {
+      "layout": {
+        "outer-box": {
+          "medium": {
+            "gap": {
+              "$type": "number",
+              "$value": "{spacing.120}"
+            }
+          },
+          "small": {
+            "gap": {
+              "$type": "number",
+              "$value": "{spacing.120}"
+            }
+          },
+          "large": {
+            "gap": {
+              "$type": "number",
+              "$value": "{spacing.120}"
+            }
+          }
+        },
+        "inner-box": {
+          "small": {
+            "gap": {
+              "$type": "number",
+              "$value": "{spacing.60}"
+            }
+          },
+          "large": {
+            "gap": {
+              "$type": "number",
+              "$value": "{spacing.60}"
+            }
+          },
+          "medium": {
+            "gap": {
+              "$type": "number",
+              "$value": "{spacing.60}"
+            }
+          }
+        }
+      }
+    }
+  }
+}