@devexpress/design-tokens-internal 261.0.2 → 261.0.3

package/tokens/components/web/uploader/fluent.json

@@ -0,0 +1,1528 @@
+{
+  "uploader": {
+    "item": {
+      "color": {
+        "uploaded": {
+          "icon": {
+            "$type": "color",
+            "$value": "{color.content.neutral.default.rest}"
+          },
+          "text": {
+            "$type": "color",
+            "$value": "{color.content.neutral.default.rest}"
+          },
+          "caption": {
+            "$type": "color",
+            "$value": "{color.content.success.default.rest}"
+          },
+          "subtext": {
+            "$type": "color",
+            "$value": "{color.content.neutral.subdued.rest}"
+          }
+        },
+        "canceled": {
+          "icon": {
+            "$type": "color",
+            "$value": "{color.content.neutral.default.rest}"
+          },
+          "text": {
+            "$type": "color",
+            "$value": "{color.content.neutral.default.rest}"
+          },
+          "caption": {
+            "$type": "color",
+            "$value": "{color.content.danger.default.rest}"
+          },
+          "subtext": {
+            "$type": "color",
+            "$value": "{color.content.neutral.subdued.rest}"
+          }
+        },
+        "unload-pause": {
+          "icon": {
+            "$type": "color",
+            "$value": "{color.content.neutral.default.rest}"
+          },
+          "subtext": {
+            "$type": "color",
+            "$value": "{color.content.neutral.subdued.rest}"
+          },
+          "text": {
+            "$type": "color",
+            "$value": "{color.content.neutral.default.rest}"
+          }
+        },
+        "ready-to-upload": {
+          "text": {
+            "$type": "color",
+            "$value": "{color.content.neutral.default.rest}"
+          },
+          "subtext": {
+            "$type": "color",
+            "$value": "{color.content.neutral.subdued.rest}"
+          },
+          "caption": {
+            "$type": "color",
+            "$value": "{color.content.neutral.default.inverted.disabled}"
+          },
+          "icon": {
+            "$type": "color",
+            "$value": "{color.content.neutral.default.rest}"
+          }
+        },
+        "error": {
+          "text": {
+            "$type": "color",
+            "$value": "{color.content.neutral.default.rest}"
+          },
+          "icon": {
+            "$type": "color",
+            "$value": "{color.content.neutral.default.rest}"
+          },
+          "caption": {
+            "$type": "color",
+            "$value": "{color.content.danger.default.rest}"
+          },
+          "subtext": {
+            "$type": "color",
+            "$value": "{color.content.neutral.subdued.rest}"
+          }
+        },
+        "normal": {
+          "subtext": {
+            "$type": "color",
+            "$value": "{color.content.neutral.subdued.rest}"
+          },
+          "text": {
+            "$type": "color",
+            "$value": "{color.content.neutral.default.rest}"
+          },
+          "icon": {
+            "$type": "color",
+            "$value": "{color.content.neutral.default.rest}"
+          }
+        },
+        "loading": {
+          "icon": {
+            "$type": "color",
+            "$value": "{color.content.neutral.subdued.disabled}"
+          }
+        }
+      },
+      "typography": {
+        "subtext": {
+          "medium": {
+            "font-family": {
+              "$type": "text",
+              "$value": "{font-family.sans-serif}"
+            },
+            "font-weight": {
+              "$type": "number",
+              "$value": "{font-weight.caption-2}"
+            },
+            "font-size": {
+              "$type": "number",
+              "$value": "{font-size.caption-2}"
+            },
+            "line-height": {
+              "$type": "number",
+              "$value": "{line-height.caption-2}"
+            }
+          },
+          "large": {
+            "font-family": {
+              "$type": "text",
+              "$value": "{font-family.sans-serif}"
+            },
+            "line-height": {
+              "$type": "number",
+              "$value": "{line-height.caption-2}"
+            },
+            "font-weight": {
+              "$type": "number",
+              "$value": "{font-weight.caption-2}"
+            },
+            "font-size": {
+              "$type": "number",
+              "$value": "{font-size.caption-2}"
+            }
+          },
+          "small": {
+            "font-family": {
+              "$type": "text",
+              "$value": "{font-family.sans-serif}"
+            },
+            "font-weight": {
+              "$type": "number",
+              "$value": "{font-weight.caption-2}"
+            },
+            "line-height": {
+              "$type": "number",
+              "$value": "{line-height.caption-2}"
+            },
+            "font-size": {
+              "$type": "number",
+              "$value": "{font-size.caption-2}"
+            }
+          }
+        },
+        "text": {
+          "small": {
+            "font-family": {
+              "$type": "text",
+              "$value": "{font-family.sans-serif}"
+            },
+            "font-size": {
+              "$type": "number",
+              "$value": "{font-size.caption-1}"
+            },
+            "line-height": {
+              "$type": "number",
+              "$value": "{line-height.caption-1}"
+            },
+            "font-weight": {
+              "$type": "number",
+              "$value": "{font-weight.caption-1}"
+            }
+          },
+          "large": {
+            "font-family": {
+              "$type": "text",
+              "$value": "{font-family.sans-serif}"
+            },
+            "font-weight": {
+              "$type": "number",
+              "$value": "{font-weight.body-2}"
+            },
+            "line-height": {
+              "$type": "number",
+              "$value": "{line-height.body-2}"
+            },
+            "font-size": {
+              "$type": "number",
+              "$value": "{font-size.body-2}"
+            }
+          },
+          "medium": {
+            "font-family": {
+              "$type": "text",
+              "$value": "{font-family.sans-serif}"
+            },
+            "line-height": {
+              "$type": "number",
+              "$value": "{line-height.body-1}"
+            },
+            "font-weight": {
+              "$type": "number",
+              "$value": "{font-weight.body-1}"
+            },
+            "font-size": {
+              "$type": "number",
+              "$value": "{font-size.body-1}"
+            }
+          }
+        }
+      },
+      "icon": {
+        "size": {
+          "large": {
+            "$type": "number",
+            "$value": "{icon.size.24px}"
+          },
+          "small": {
+            "$type": "number",
+            "$value": "{icon.size.16px}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{icon.size.20px}"
+          }
+        }
+      },
+      "layout": {
+        "icon-box": {
+          "medium": {
+            "left": {
+              "$type": "number",
+              "$value": "{spacing.100}"
+            },
+            "right": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            },
+            "vertical": {
+              "$type": "number",
+              "$value": "{spacing.100}"
+            }
+          },
+          "large": {
+            "right": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            },
+            "left": {
+              "$type": "number",
+              "$value": "{spacing.120}"
+            },
+            "vertical": {
+              "$type": "number",
+              "$value": "{spacing.120}"
+            }
+          },
+          "small": {
+            "right": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            },
+            "vertical": {
+              "$type": "number",
+              "$value": "{spacing.80}"
+            },
+            "left": {
+              "$type": "number",
+              "$value": "{spacing.80}"
+            }
+          }
+        },
+        "progress-bar": {
+          "medium": {
+            "top": {
+              "$type": "number",
+              "$value": "{spacing.60}"
+            }
+          },
+          "large": {
+            "top": {
+              "$type": "number",
+              "$value": "{spacing.60}"
+            }
+          },
+          "small": {
+            "top": {
+              "$type": "number",
+              "$value": "{spacing.60}"
+            }
+          }
+        },
+        "button-box": {
+          "small": {
+            "vertical": {
+              "$type": "number",
+              "$value": "{spacing.40}"
+            }
+          },
+          "large": {
+            "vertical": {
+              "$type": "number",
+              "$value": "{spacing.50}"
+            }
+          },
+          "medium": {
+            "vertical": {
+              "$type": "number",
+              "$value": "{spacing.50}"
+            }
+          }
+        },
+        "inner-box": {
+          "medium": {
+            "horizontal": {
+              "$type": "number",
+              "$value": "{spacing.80}"
+            }
+          },
+          "large": {
+            "horizontal": {
+              "$type": "number",
+              "$value": "{spacing.100}"
+            }
+          },
+          "small": {
+            "horizontal": {
+              "$type": "number",
+              "$value": "{spacing.60}"
+            }
+          }
+        },
+        "icon-wrapper": {
+          "medium": {
+            "$type": "number",
+            "$value": "{spacing.200}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{spacing.240}"
+          },
+          "small": {
+            "$type": "number",
+            "$value": "{spacing.160}"
+          }
+        },
+        "info-line": {
+          "medium": {
+            "gap": {
+              "$type": "number",
+              "$value": "{spacing.60}"
+            }
+          },
+          "large": {
+            "gap": {
+              "$type": "number",
+              "$value": "{spacing.80}"
+            }
+          },
+          "small": {
+            "gap": {
+              "$type": "number",
+              "$value": "{spacing.40}"
+            }
+          }
+        }
+      }
+    },
+    "uploader": {
+      "compact": {
+        "color": {
+          "normal": {
+            "text": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.rest}"
+            },
+            "border": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.disabled}"
+            },
+            "icon": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.disabled}"
+            },
+            "bg": {
+              "$type": "color",
+              "$value": "{color.surface.neutral.subdued.rest}"
+            }
+          },
+          "disabled": {
+            "bg": {
+              "$type": "color",
+              "$value": "{color.surface.neutral.subdued.rest}"
+            },
+            "icon": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.disabled}"
+            },
+            "border": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.disabled}"
+            },
+            "text": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.disabled}"
+            }
+          },
+          "hover": {
+            "bg": {
+              "$type": "color",
+              "$value": "{color.surface.neutral.subdued.hovered}"
+            },
+            "border": {
+              "$type": "color",
+              "$value": "{color.content.primary.default.rest}"
+            },
+            "text": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.rest}"
+            },
+            "icon": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.disabled}"
+            }
+          }
+        },
+        "typography": {
+          "medium": {
+            "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}"
+            }
+          },
+          "large": {
+            "font-family": {
+              "$type": "text",
+              "$value": "{font-family.sans-serif}"
+            },
+            "font-weight": {
+              "$type": "number",
+              "$value": "{font-weight.subtitle-1}"
+            },
+            "line-height": {
+              "$type": "number",
+              "$value": "{line-height.subtitle-1}"
+            },
+            "font-size": {
+              "$type": "number",
+              "$value": "{font-size.subtitle-1}"
+            }
+          },
+          "small": {
+            "font-family": {
+              "$type": "text",
+              "$value": "{font-family.sans-serif}"
+            },
+            "font-weight": {
+              "$type": "number",
+              "$value": "{font-weight.caption-1}"
+            },
+            "font-size": {
+              "$type": "number",
+              "$value": "{font-size.caption-1}"
+            },
+            "line-height": {
+              "$type": "number",
+              "$value": "{line-height.caption-1}"
+            }
+          }
+        },
+        "border-radius": {
+          "small": {
+            "$type": "number",
+            "$value": "{border-radius.80}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{border-radius.80}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{border-radius.80}"
+          }
+        },
+        "layout": {
+          "action-controls": {
+            "medium": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.80}"
+              }
+            },
+            "small": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.60}"
+              }
+            },
+            "large": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.100}"
+              }
+            }
+          },
+          "upload-box": {
+            "large": {
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.120}"
+              },
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.240}"
+              }
+            },
+            "small": {
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.160}"
+              },
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.120}"
+              }
+            },
+            "medium": {
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.120}"
+              },
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.200}"
+              }
+            }
+          },
+          "title-box": {
+            "large": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.80}"
+              }
+            },
+            "small": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.40}"
+              }
+            },
+            "medium": {
+              "item-spacing": {
+                "$type": "number",
+                "$value": "{spacing.60}"
+              }
+            }
+          },
+          "group": {
+            "small": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.160}"
+              }
+            },
+            "medium": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.200}"
+              }
+            },
+            "large": {
+              "item-spacing": {
+                "$type": "number",
+                "$value": "{spacing.240}"
+              }
+            }
+          },
+          "list-of-items": {
+            "small": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.80}"
+              }
+            },
+            "large": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.160}"
+              }
+            },
+            "medium": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.120}"
+              }
+            }
+          },
+          "icon-wrapper": {
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.200}"
+            },
+            "large": {
+              "$type": "number",
+              "$value": "{spacing.240}"
+            },
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.160}"
+            }
+          },
+          "content-box": {
+            "medium": {
+              "item-spacing": {
+                "$type": "number",
+                "$value": "{spacing.80}"
+              }
+            },
+            "large": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.100}"
+              }
+            },
+            "small": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.60}"
+              }
+            }
+          }
+        },
+        "border-width": {
+          "small": {
+            "$type": "number",
+            "$value": "{border-width.10}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{border-width.10}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{border-width.10}"
+          }
+        },
+        "icon": {
+          "size": {
+            "medium": {
+              "$type": "number",
+              "$value": "{icon.size.20px}"
+            },
+            "large": {
+              "$type": "number",
+              "$value": "{icon.size.24px}"
+            },
+            "small": {
+              "$type": "number",
+              "$value": "{icon.size.16px}"
+            }
+          }
+        }
+      },
+      "full": {
+        "color": {
+          "hover": {
+            "text": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.rest}"
+            },
+            "border": {
+              "$type": "color",
+              "$value": "{color.content.primary.default.rest}"
+            },
+            "bg": {
+              "$type": "color",
+              "$value": "{color.surface.neutral.subdued.hovered}"
+            },
+            "icon": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.disabled}"
+            },
+            "subtext": {
+              "$type": "color",
+              "$value": "{color.content.neutral.subdued.rest}"
+            },
+            "line": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.disabled}"
+            }
+          },
+          "normal": {
+            "border": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.disabled}"
+            },
+            "subtext": {
+              "$type": "color",
+              "$value": "{color.content.neutral.subdued.rest}"
+            },
+            "line": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.disabled}"
+            },
+            "text": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.rest}"
+            },
+            "bg": {
+              "$type": "color",
+              "$value": "{color.surface.neutral.subdued.rest}"
+            },
+            "icon": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.disabled}"
+            }
+          },
+          "disabled": {
+            "subtext": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.disabled}"
+            },
+            "icon": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.disabled}"
+            },
+            "line": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.disabled}"
+            },
+            "bg": {
+              "$type": "color",
+              "$value": "{color.surface.neutral.subdued.rest}"
+            },
+            "text": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.disabled}"
+            },
+            "border": {
+              "$type": "color",
+              "$value": "{color.content.neutral.default.disabled}"
+            }
+          }
+        },
+        "typography": {
+          "small": {
+            "subtext": {
+              "font-family": {
+                "$type": "text",
+                "$value": "{font-family.sans-serif}"
+              },
+              "font-size": {
+                "$type": "number",
+                "$value": "{font-size.caption-1}"
+              },
+              "font-weigh": {
+                "$type": "number",
+                "$value": "{font-weight.caption-1}"
+              },
+              "line-height": {
+                "$type": "number",
+                "$value": "{line-height.caption-1}"
+              }
+            },
+            "text": {
+              "font-family": {
+                "$type": "text",
+                "$value": "{font-family.sans-serif}"
+              },
+              "font-weight": {
+                "$type": "number",
+                "$value": "{font-weight.body-1-strong}"
+              },
+              "font-size": {
+                "$type": "number",
+                "$value": "{font-size.body-1-strong}"
+              },
+              "line-height": {
+                "$type": "number",
+                "$value": "{line-height.body-1-strong}"
+              }
+            }
+          },
+          "medium": {
+            "subtext": {
+              "font-family": {
+                "$type": "text",
+                "$value": "{font-family.sans-serif}"
+              },
+              "font-weigh": {
+                "$type": "number",
+                "$value": "{font-weight.body-1}"
+              },
+              "line-height": {
+                "$type": "number",
+                "$value": "{line-height.body-1}"
+              },
+              "font-size": {
+                "$type": "number",
+                "$value": "{font-size.body-1}"
+              }
+            },
+            "text": {
+              "font-family": {
+                "$type": "text",
+                "$value": "{font-family.sans-serif}"
+              },
+              "line-height": {
+                "$type": "number",
+                "$value": "{line-height.subtitle-2}"
+              },
+              "font-weight": {
+                "$type": "number",
+                "$value": "{font-weight.subtitle-2}"
+              },
+              "font-size": {
+                "$type": "number",
+                "$value": "{font-size.subtitle-2}"
+              }
+            }
+          },
+          "large": {
+            "text": {
+              "font-family": {
+                "$type": "text",
+                "$value": "{font-family.sans-serif}"
+              },
+              "font-weight": {
+                "$type": "number",
+                "$value": "{font-weight.subtitle-1}"
+              },
+              "line-height": {
+                "$type": "number",
+                "$value": "{line-height.subtitle-1}"
+              },
+              "font-size": {
+                "$type": "number",
+                "$value": "{font-size.subtitle-1}"
+              }
+            },
+            "subtext": {
+              "font-family": {
+                "$type": "text",
+                "$value": "{font-family.sans-serif}"
+              },
+              "line-height": {
+                "$type": "number",
+                "$value": "{line-height.body-2}"
+              },
+              "font-weigh": {
+                "$type": "number",
+                "$value": "{font-weight.body-2}"
+              },
+              "font-size": {
+                "$type": "number",
+                "$value": "{font-size.body-2}"
+              }
+            }
+          }
+        },
+        "layout": {
+          "list-of-items": {
+            "large": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.160}"
+              }
+            },
+            "medium": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.120}"
+              }
+            },
+            "small": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.80}"
+              }
+            }
+          },
+          "content-box": {
+            "medium": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.120}"
+              }
+            },
+            "large": {
+              "item": {
+                "$type": "number",
+                "$value": "{spacing.160}"
+              }
+            },
+            "small": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.80}"
+              }
+            }
+          },
+          "drag-&-drop": {
+            "medium": {
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.200}"
+              },
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.120}"
+              }
+            },
+            "small": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.80}"
+              },
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.160}"
+              }
+            },
+            "large": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.160}"
+              },
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.200}"
+              }
+            }
+          },
+          "upload-box": {
+            "medium": {
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.200}"
+              },
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.480}"
+              }
+            },
+            "large": {
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.200}"
+              },
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.480}"
+              }
+            },
+            "small": {
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.400}"
+              },
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.120}"
+              }
+            }
+          },
+          "action-controls": {
+            "medium": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.80}"
+              }
+            },
+            "large": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.100}"
+              }
+            },
+            "small": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.60}"
+              }
+            }
+          },
+          "group": {
+            "medium": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.200}"
+              }
+            },
+            "small": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.160}"
+              }
+            },
+            "large": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.240}"
+              }
+            }
+          },
+          "icon-wrapper": {
+            "medium": {
+              "$type": "number",
+              "$value": "{spacing.480}"
+            },
+            "large": {
+              "$type": "number",
+              "$value": "{spacing.480}"
+            },
+            "small": {
+              "$type": "number",
+              "$value": "{spacing.480}"
+            }
+          },
+          "select-file": {
+            "small": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.80}"
+              }
+            },
+            "large": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.160}"
+              }
+            },
+            "medium": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.120}"
+              }
+            }
+          },
+          "separator": {
+            "small": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.80}"
+              }
+            },
+            "medium": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.100}"
+              }
+            },
+            "large": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.120}"
+              }
+            }
+          }
+        },
+        "border-radius": {
+          "large": {
+            "$type": "number",
+            "$value": "{border-radius.80}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{border-radius.80}"
+          },
+          "small": {
+            "$type": "number",
+            "$value": "{border-radius.80}"
+          }
+        },
+        "border-width": {
+          "medium": {
+            "$type": "number",
+            "$value": "{border-width.10}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{border-width.10}"
+          },
+          "small": {
+            "$type": "number",
+            "$value": "{border-width.10}"
+          }
+        },
+        "icon": {
+          "size": {
+            "large": {
+              "$type": "number",
+              "$value": "{icon.size.48px}"
+            },
+            "small": {
+              "$type": "number",
+              "$value": "{icon.size.48px}"
+            },
+            "medium": {
+              "$type": "number",
+              "$value": "{icon.size.48px}"
+            }
+          }
+        }
+      },
+      "only-button": {
+        "layout": {
+          "inner-box": {
+            "medium": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.80}"
+              }
+            },
+            "large": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.100}"
+              }
+            },
+            "small": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.60}"
+              }
+            }
+          },
+          "action-controls": {
+            "small": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.60}"
+              }
+            },
+            "medium": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.80}"
+              }
+            },
+            "large": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.100}"
+              }
+            }
+          },
+          "group": {
+            "medium": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.200}"
+              }
+            },
+            "small": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.160}"
+              }
+            },
+            "large": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.240}"
+              }
+            }
+          }
+        }
+      }
+    },
+    "max-file-warning": {
+      "color": {
+        "bg": {
+          "$type": "color",
+          "$value": "{color.surface.warning.deep.rest}"
+        },
+        "border": {
+          "$type": "color",
+          "$value": "{color.surface.warning.default.rest}"
+        },
+        "text": {
+          "$type": "color",
+          "$value": "{color.content.neutral.default.rest}"
+        },
+        "Icon": {
+          "$type": "color",
+          "$value": "{color.content.warning.default.rest}"
+        }
+      },
+      "typography": {
+        "small": {
+          "font-family": {
+            "$type": "text",
+            "$value": "{font-family.sans-serif}"
+          },
+          "font-size": {
+            "$type": "number",
+            "$value": "{font-size.caption-1}"
+          },
+          "font-weight": {
+            "$type": "number",
+            "$value": "{font-weight.caption-1}"
+          },
+          "line-height": {
+            "$type": "number",
+            "$value": "{line-height.caption-1}"
+          }
+        },
+        "medium": {
+          "font-family": {
+            "$type": "text",
+            "$value": "{font-family.sans-serif}"
+          },
+          "font-weight": {
+            "$type": "number",
+            "$value": "{font-weight.body-1}"
+          },
+          "font-size": {
+            "$type": "number",
+            "$value": "{font-size.body-1}"
+          },
+          "line-height": {
+            "$type": "number",
+            "$value": "{line-height.body-1}"
+          }
+        },
+        "large": {
+          "font-family": {
+            "$type": "text",
+            "$value": "{font-family.sans-serif}"
+          },
+          "font-size": {
+            "$type": "number",
+            "$value": "{font-size.body-2}"
+          },
+          "font-weight": {
+            "$type": "number",
+            "$value": "{font-weight.body-2}"
+          },
+          "line-height": {
+            "$type": "number",
+            "$value": "{line-height.body-2}"
+          }
+        }
+      },
+      "layout": {
+        "inner-box": {
+          "large": {
+            "right": {
+              "$type": "number",
+              "$value": "{spacing.40}"
+            }
+          },
+          "small": {
+            "right": {
+              "$type": "number",
+              "$value": "{spacing.40}"
+            }
+          },
+          "medium": {
+            "right": {
+              "$type": "number",
+              "$value": "{spacing.40}"
+            }
+          }
+        },
+        "icon-box": {
+          "medium": {
+            "vertical": {
+              "$type": "number",
+              "$value": "{spacing.80}"
+            },
+            "right": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            },
+            "left": {
+              "$type": "number",
+              "$value": "{spacing.100}"
+            }
+          },
+          "small": {
+            "right": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            },
+            "vertical": {
+              "$type": "number",
+              "$value": "{spacing.80}"
+            },
+            "left": {
+              "$type": "number",
+              "$value": "{spacing.80}"
+            }
+          },
+          "large": {
+            "right": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            },
+            "left": {
+              "$type": "number",
+              "$value": "{spacing.120}"
+            },
+            "vertical": {
+              "$type": "number",
+              "$value": "{spacing.80}"
+            }
+          }
+        },
+        "icon-wrapper": {
+          "large": {
+            "$type": "number",
+            "$value": "{spacing.240}"
+          },
+          "small": {
+            "$type": "number",
+            "$value": "{spacing.160}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{spacing.200}"
+          }
+        },
+        "delete-box": {
+          "large": {
+            "vertical": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            }
+          },
+          "small": {
+            "vertical": {
+              "$type": "number",
+              "$value": "{spacing.20}"
+            }
+          },
+          "medium": {
+            "vertical": {
+              "$type": "number",
+              "$value": "{spacing.20}"
+            }
+          }
+        },
+        "text-box": {
+          "small": {
+            "horizontal": {
+              "$type": "number",
+              "$value": "{spacing.60}"
+            }
+          },
+          "medium": {
+            "horizontal": {
+              "$type": "number",
+              "$value": "{spacing.80}"
+            }
+          },
+          "large": {
+            "horizontal": {
+              "$type": "number",
+              "$value": "{spacing.100}"
+            }
+          }
+        }
+      },
+      "Icon": {
+        "large": {
+          "$type": "number",
+          "$value": "{icon.size.24px}"
+        },
+        "small": {
+          "$type": "number",
+          "$value": "{icon.size.16px}"
+        },
+        "medium": {
+          "$type": "number",
+          "$value": "{icon.size.20px}"
+        }
+      },
+      "border-radius": {
+        "medium": {
+          "$type": "number",
+          "$value": "{border-radius.60}"
+        },
+        "large": {
+          "$type": "number",
+          "$value": "{border-radius.80}"
+        },
+        "small": {
+          "$type": "number",
+          "$value": "{border-radius.40}"
+        }
+      },
+      "border-width": {
+        "large": {
+          "$type": "number",
+          "$value": "{border-width.10}"
+        },
+        "small": {
+          "$type": "number",
+          "$value": "{border-width.10}"
+        },
+        "medium": {
+          "$type": "number",
+          "$value": "{border-width.10}"
+        }
+      }
+    },
+    "link-button": {
+      "typography": {
+        "large": {
+          "font-family": {
+            "$type": "text",
+            "$value": "{font-family.sans-serif}"
+          },
+          "line-height": {
+            "$type": "number",
+            "$value": "{line-height.subtitle-1}"
+          },
+          "font-size": {
+            "$type": "number",
+            "$value": "{font-size.subtitle-1}"
+          },
+          "font-weight": {
+            "$type": "number",
+            "$value": "{font-weight.subtitle-1}"
+          }
+        },
+        "medium": {
+          "font-family": {
+            "$type": "text",
+            "$value": "{font-family.sans-serif}"
+          },
+          "font-weight": {
+            "$type": "number",
+            "$value": "{font-weight.body-2}"
+          },
+          "line-height": {
+            "$type": "number",
+            "$value": "{line-height.body-2}"
+          },
+          "font-size": {
+            "$type": "number",
+            "$value": "{font-size.body-2}"
+          }
+        },
+        "small": {
+          "font-family": {
+            "$type": "text",
+            "$value": "{font-family.sans-serif}"
+          },
+          "font-weight": {
+            "$type": "number",
+            "$value": "{font-weight.caption-1}"
+          },
+          "font-size": {
+            "$type": "number",
+            "$value": "{font-size.caption-1}"
+          },
+          "line-height": {
+            "$type": "number",
+            "$value": "{line-height.caption-1}"
+          }
+        }
+      },
+      "layout": {
+        "inner-box": {
+          "horizontal": {
+            "$type": "number",
+            "$value": "{spacing.0}"
+          },
+          "vertical": {
+            "$type": "number",
+            "$value": "{spacing.0}"
+          }
+        }
+      }
+    },
+    "item-group": {
+      "layout": {
+        "large": {
+          "gap": {
+            "$type": "number",
+            "$value": "{spacing.160}"
+          }
+        },
+        "medium": {
+          "gap": {
+            "$type": "number",
+            "$value": "{spacing.120}"
+          }
+        },
+        "small": {
+          "gap": {
+            "$type": "number",
+            "$value": "{spacing.80}"
+          }
+        }
+      }
+    }
+  }
+}