@devexpress/design-tokens-internal 261.0.2 → 261.0.3

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

@@ -0,0 +1,1214 @@
+{
+  "splitter": {
+    "pane-content": {
+      "color": {
+        "caption": {
+          "$type": "color",
+          "$value": "{color.content.neutral.subdued.rest}"
+        },
+        "title": {
+          "$type": "color",
+          "$value": "{color.content.neutral.default.rest}"
+        },
+        "bg": {
+          "$type": "color",
+          "$value": "{color.surface.neutral.default.rest}"
+        },
+        "subtitle": {
+          "$type": "color",
+          "$value": "{color.content.neutral.default.rest}"
+        }
+      },
+      "typography": {
+        "caption": {
+          "small": {
+            "font-family": {
+              "$type": "text",
+              "$value": "{font-family.sans-serif}"
+            },
+            "font-size": {
+              "$type": "number",
+              "$value": "{font-size.caption-2}"
+            },
+            "line-height": {
+              "$type": "number",
+              "$value": "{line-height.caption-2}"
+            },
+            "font-weight": {
+              "$type": "number",
+              "$value": "{font-weight.caption-1}"
+            }
+          },
+          "medium": {
+            "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}"
+            }
+          },
+          "large": {
+            "font-family": {
+              "$type": "text",
+              "$value": "{font-family.sans-serif}"
+            },
+            "font-weight": {
+              "$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}"
+            }
+          }
+        },
+        "subtitle": {
+          "medium": {
+            "font-family": {
+              "$type": "text",
+              "$value": "{font-family.sans-serif}"
+            },
+            "font-weight": {
+              "$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}"
+            }
+          },
+          "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}"
+            }
+          },
+          "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}"
+            }
+          }
+        },
+        "title": {
+          "large": {
+            "font-family": {
+              "$type": "text",
+              "$value": "{font-family.sans-serif}"
+            },
+            "font-size": {
+              "$type": "number",
+              "$value": "{font-size.subtitle-2}"
+            },
+            "line-height": {
+              "$type": "number",
+              "$value": "{line-height.subtitle-2}"
+            },
+            "font-weight": {
+              "$type": "number",
+              "$value": "{font-weight.subtitle-2}"
+            }
+          },
+          "small": {
+            "font-family": {
+              "$type": "text",
+              "$value": "{font-family.sans-serif}"
+            },
+            "font-weight": {
+              "$type": "number",
+              "$value": "{font-weight.caption-1-strong}"
+            },
+            "line-height": {
+              "$type": "number",
+              "$value": "{line-height.caption-1}"
+            },
+            "font-size": {
+              "$type": "number",
+              "$value": "{font-size.caption-1}"
+            }
+          },
+          "medium": {
+            "font-family": {
+              "$type": "text",
+              "$value": "{font-family.sans-serif}"
+            },
+            "line-height": {
+              "$type": "number",
+              "$value": "{line-height.body-1}"
+            },
+            "font-size": {
+              "$type": "number",
+              "$value": "{font-size.body-1}"
+            },
+            "font-weight": {
+              "$type": "number",
+              "$value": "{font-weight.body-1-strong}"
+            }
+          }
+        }
+      },
+      "layout": {
+        "outer-box": {
+          "large": {
+            "vertical": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            },
+            "horizontal": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            },
+            "gap": {
+              "$type": "number",
+              "$value": "{spacing.60}"
+            }
+          },
+          "medium": {
+            "horizontal": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            },
+            "gap": {
+              "$type": "number",
+              "$value": "{spacing.40}"
+            },
+            "vertical": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            }
+          },
+          "small": {
+            "vertical": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            },
+            "horizontal": {
+              "$type": "number",
+              "$value": "{spacing.0}"
+            },
+            "gap": {
+              "$type": "number",
+              "$value": "{spacing.40}"
+            }
+          }
+        },
+        "title-subtitle": {
+          "medium": {
+            "gap": {
+              "$type": "number",
+              "$value": "{spacing.20}"
+            }
+          },
+          "small": {
+            "gap": {
+              "$type": "number",
+              "$value": "{spacing.20}"
+            }
+          },
+          "large": {
+            "gap": {
+              "$type": "number",
+              "$value": "{spacing.20}"
+            }
+          }
+        }
+      }
+    },
+    "splitter-bar": {
+      "color": {
+        "focused": {
+          "inner-bg": {
+            "$type": "color",
+            "$value": "{color.surface.primary.default.rest}"
+          },
+          "outer-bg": {
+            "$type": "color",
+            "$value": "{color.surface.neutral.subdued.rest}"
+          }
+        },
+        "normal": {
+          "inner-bg": {
+            "$type": "color",
+            "$value": "{color.surface.neutral.subdued.rest}"
+          },
+          "outer-bg": {
+            "$type": "color",
+            "$value": "{color.surface.neutral.subdued.rest}"
+          }
+        },
+        "pressed": {
+          "inner-bg": {
+            "$type": "color",
+            "$value": "{color.surface.primary.default.rest}"
+          },
+          "outer-bg": {
+            "$type": "color",
+            "$value": "{color.surface.neutral.subdued.rest}"
+          }
+        },
+        "hover": {
+          "outer-bg": {
+            "$type": "color",
+            "$value": "{color.surface.neutral.subdued.rest}"
+          },
+          "inner-bg": {
+            "$type": "color",
+            "$value": "{color.surface.neutral.subdued.hovered}"
+          }
+        },
+        "disabled": {
+          "inner-bg": {
+            "$type": "color",
+            "$value": "{color.surface.neutral.subdued.disabled}"
+          },
+          "outer-bg": {
+            "$type": "color",
+            "$value": "{color.surface.neutral.subdued.disabled}"
+          }
+        }
+      },
+      "layout": {
+        "inner-box": {
+          "horizontal": {
+            "disabled": {
+              "medium": {
+                "height": {
+                  "$type": "number",
+                  "$value": "{spacing.60}"
+                },
+                "horizontal": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                },
+                "vertical": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                }
+              },
+              "small": {
+                "vertical": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                },
+                "horizontal": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                },
+                "height": {
+                  "$type": "number",
+                  "$value": "{spacing.40}"
+                }
+              },
+              "large": {
+                "height": {
+                  "$type": "number",
+                  "$value": "{spacing.80}"
+                },
+                "horizontal": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                },
+                "vertical": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                }
+              }
+            },
+            "default": {
+              "large": {
+                "horizontal": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                },
+                "height": {
+                  "$type": "number",
+                  "$value": "{spacing.120}"
+                },
+                "vertical": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                }
+              },
+              "small": {
+                "vertical": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                },
+                "horizontal": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                },
+                "height": {
+                  "$type": "number",
+                  "$value": "{spacing.80}"
+                }
+              },
+              "medium": {
+                "horizontal": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                },
+                "height": {
+                  "$type": "number",
+                  "$value": "{spacing.100}"
+                },
+                "vertical": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                }
+              }
+            }
+          },
+          "vertical": {
+            "disabled": {
+              "small": {
+                "width": {
+                  "$type": "number",
+                  "$value": "{spacing.40}"
+                },
+                "horizontal": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                },
+                "vertical": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                }
+              },
+              "large": {
+                "width": {
+                  "$type": "number",
+                  "$value": "{spacing.80}"
+                },
+                "vertical": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                },
+                "horizontal": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                }
+              },
+              "medium": {
+                "vertical": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                },
+                "horizontal": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                },
+                "width": {
+                  "$type": "number",
+                  "$value": "{spacing.60}"
+                }
+              }
+            },
+            "default": {
+              "small": {
+                "width": {
+                  "$type": "number",
+                  "$value": "{spacing.80}"
+                },
+                "horizontal": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                },
+                "vertical": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                }
+              },
+              "medium": {
+                "vertical": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                },
+                "width": {
+                  "$type": "number",
+                  "$value": "{spacing.100}"
+                },
+                "horizontal": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                }
+              },
+              "large": {
+                "vertical": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                },
+                "horizontal": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                },
+                "width": {
+                  "$type": "number",
+                  "$value": "{spacing.120}"
+                }
+              }
+            }
+          }
+        },
+        "outer-box": {
+          "vertical": {
+            "default": {
+              "large": {
+                "vertical": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                },
+                "gap": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                },
+                "horizontal": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                }
+              },
+              "medium": {
+                "vertical": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                },
+                "horizontal": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                },
+                "gap": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                }
+              },
+              "small": {
+                "horizontal": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                },
+                "vertical": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                },
+                "gap": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                }
+              }
+            },
+            "disabled": {
+              "large": {
+                "horizontal": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                },
+                "gap": {
+                  "$type": "number",
+                  "$value": "{spacing.100}"
+                },
+                "vertical": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                }
+              },
+              "medium": {
+                "vertical": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                },
+                "gap": {
+                  "$type": "number",
+                  "$value": "{spacing.100}"
+                },
+                "horizontal": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                }
+              },
+              "small": {
+                "gap": {
+                  "$type": "number",
+                  "$value": "{spacing.80}"
+                },
+                "horizontal": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                },
+                "vertical": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                }
+              }
+            }
+          },
+          "horizontal": {
+            "default": {
+              "medium": {
+                "gap": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                },
+                "vertical": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                },
+                "horizontal": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                }
+              },
+              "large": {
+                "horizontal": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                },
+                "gap": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                },
+                "vertical": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                }
+              },
+              "small": {
+                "horizontal": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                },
+                "vertical": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                },
+                "gap": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                }
+              }
+            },
+            "disabled": {
+              "medium": {
+                "gap": {
+                  "$type": "number",
+                  "$value": "{spacing.100}"
+                },
+                "vertical": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                },
+                "horizontal": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                }
+              },
+              "large": {
+                "gap": {
+                  "$type": "number",
+                  "$value": "{spacing.100}"
+                },
+                "vertical": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                },
+                "horizontal": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                }
+              },
+              "small": {
+                "horizontal": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                },
+                "gap": {
+                  "$type": "number",
+                  "$value": "{spacing.80}"
+                },
+                "vertical": {
+                  "$type": "number",
+                  "$value": "{spacing.0}"
+                }
+              }
+            }
+          }
+        },
+        "buttons": {
+          "vertical": {
+            "small": {
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              },
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              },
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.40}"
+              }
+            },
+            "medium": {
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              },
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              },
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.60}"
+              }
+            },
+            "large": {
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              },
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.80}"
+              },
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              }
+            }
+          },
+          "horizontal": {
+            "small": {
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              },
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.40}"
+              },
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              }
+            },
+            "large": {
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.80}"
+              },
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              },
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              }
+            },
+            "medium": {
+              "vertical": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              },
+              "horizontal": {
+                "$type": "number",
+                "$value": "{spacing.0}"
+              },
+              "gap": {
+                "$type": "number",
+                "$value": "{spacing.60}"
+              }
+            }
+          }
+        }
+      },
+      "border-radius": {
+        "outer-box": {
+          "large": {
+            "$type": "number",
+            "$value": "{border-radius.0}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{border-radius.0}"
+          },
+          "small": {
+            "$type": "number",
+            "$value": "{border-radius.0}"
+          }
+        },
+        "inner-box": {
+          "small": {
+            "$type": "number",
+            "$value": "{border-radius.full}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{border-radius.full}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{border-radius.full}"
+          }
+        }
+      }
+    },
+    "expand-collapse-button": {
+      "color": {
+        "pressed": {
+          "icon": {
+            "$type": "color",
+            "$value": "{color.content.neutral.default.static-dark.active}"
+          }
+        },
+        "normal": {
+          "icon": {
+            "$type": "color",
+            "$value": "{color.content.neutral.subdued.rest}"
+          }
+        },
+        "hover": {
+          "icon": {
+            "$type": "color",
+            "$value": "{color.content.primary.default.hovered}"
+          }
+        },
+        "focused": {
+          "icon": {
+            "$type": "color",
+            "$value": "{color.content.neutral.default.static-dark.rest}"
+          }
+        }
+      },
+      "icon": {
+        "style": {
+          "default": {
+            "$type": "text",
+            "$value": "{icon.style.filled}"
+          }
+        },
+        "size": {
+          "medium": {
+            "$type": "number",
+            "$value": "{icon.size.16px}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{icon.size.20px}"
+          },
+          "small": {
+            "$type": "number",
+            "$value": "{icon.size.12px}"
+          }
+        }
+      },
+      "layout": {
+        "vertical": {
+          "small": {
+            "width": {
+              "$type": "number",
+              "$value": "{spacing.80}"
+            },
+            "height": {
+              "$type": "number",
+              "$value": "{spacing.200}"
+            }
+          },
+          "medium": {
+            "height": {
+              "$type": "number",
+              "$value": "{spacing.240}"
+            },
+            "width": {
+              "$type": "number",
+              "$value": "{spacing.100}"
+            }
+          },
+          "large": {
+            "width": {
+              "$type": "number",
+              "$value": "{spacing.120}"
+            },
+            "height": {
+              "$type": "number",
+              "$value": "{spacing.320}"
+            }
+          }
+        },
+        "horizontal": {
+          "medium": {
+            "height": {
+              "$type": "number",
+              "$value": "{spacing.100}"
+            },
+            "width": {
+              "$type": "number",
+              "$value": "{spacing.240}"
+            }
+          },
+          "small": {
+            "width": {
+              "$type": "number",
+              "$value": "{spacing.200}"
+            },
+            "height": {
+              "$type": "number",
+              "$value": "{spacing.80}"
+            }
+          },
+          "large": {
+            "width": {
+              "$type": "number",
+              "$value": "{spacing.320}"
+            },
+            "height": {
+              "$type": "number",
+              "$value": "{spacing.120}"
+            }
+          }
+        },
+        "icon-wrapper": {
+          "large": {
+            "$type": "number",
+            "$value": "{spacing.200}"
+          },
+          "small": {
+            "$type": "number",
+            "$value": "{spacing.120}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{spacing.160}"
+          }
+        }
+      }
+    },
+    "pane": {
+      "color": {
+        "bg": {
+          "$type": "color",
+          "$value": "{color.surface.neutral.default.rest}"
+        },
+        "frame": {
+          "$type": "color",
+          "$value": "{color.theme-builder.focus}"
+        }
+      },
+      "layout": {
+        "small": {
+          "vertical": {
+            "$type": "number",
+            "$value": "{spacing.80}"
+          },
+          "horizontal": {
+            "$type": "number",
+            "$value": "{spacing.80}"
+          }
+        },
+        "medium": {
+          "vertical": {
+            "$type": "number",
+            "$value": "{spacing.120}"
+          },
+          "horizontal": {
+            "$type": "number",
+            "$value": "{spacing.120}"
+          }
+        },
+        "large": {
+          "horizontal": {
+            "$type": "number",
+            "$value": "{spacing.160}"
+          },
+          "vertical": {
+            "$type": "number",
+            "$value": "{spacing.160}"
+          }
+        }
+      },
+      "border-width": {
+        "focus": {
+          "small": {
+            "$type": "number",
+            "$value": "{border-width.theme-builder.focus}"
+          },
+          "large": {
+            "$type": "number",
+            "$value": "{border-width.theme-builder.focus}"
+          },
+          "medium": {
+            "$type": "number",
+            "$value": "{border-width.theme-builder.focus}"
+          }
+        }
+      }
+    },
+    "resize-handler": {
+      "color": {
+        "pressed": {
+          "icon": {
+            "$type": "color",
+            "$value": "{color.content.neutral.default.static-dark.rest}"
+          }
+        },
+        "hover": {
+          "icon": {
+            "$type": "color",
+            "$value": "{color.content.primary.default.hovered}"
+          }
+        },
+        "normal": {
+          "icon": {
+            "$type": "color",
+            "$value": "{color.content.neutral.subdued.rest}"
+          }
+        },
+        "focused": {
+          "icon": {
+            "$type": "color",
+            "$value": "{color.content.neutral.default.static-dark.rest}"
+          }
+        }
+      },
+      "layout": {
+        "vertical": {
+          "large": {
+            "height": {
+              "$type": "number",
+              "$value": "{spacing.400}"
+            },
+            "horizontal": {
+              "$type": "number",
+              "$value": "{spacing.40}"
+            },
+            "width": {
+              "$type": "number",
+              "$value": "{spacing.120}"
+            }
+          },
+          "small": {
+            "width": {
+              "$type": "number",
+              "$value": "{spacing.80}"
+            },
+            "horizontal": {
+              "$type": "number",
+              "$value": "{spacing.30}"
+            },
+            "height": {
+              "$type": "number",
+              "$value": "{spacing.240}"
+            }
+          },
+          "medium": {
+            "width": {
+              "$type": "number",
+              "$value": "{spacing.100}"
+            },
+            "height": {
+              "$type": "number",
+              "$value": "{spacing.320}"
+            },
+            "horizontal": {
+              "$type": "number",
+              "$value": "{spacing.30}"
+            }
+          }
+        },
+        "horizontal": {
+          "small": {
+            "height": {
+              "$type": "number",
+              "$value": "{spacing.80}"
+            },
+            "width": {
+              "$type": "number",
+              "$value": "{spacing.240}"
+            },
+            "vertical": {
+              "$type": "number",
+              "$value": "{spacing.30}"
+            }
+          },
+          "large": {
+            "height": {
+              "$type": "number",
+              "$value": "{spacing.120}"
+            },
+            "width": {
+              "$type": "number",
+              "$value": "{spacing.400}"
+            },
+            "vertical": {
+              "$type": "number",
+              "$value": "{spacing.40}"
+            }
+          },
+          "medium": {
+            "height": {
+              "$type": "number",
+              "$value": "{spacing.100}"
+            },
+            "width": {
+              "$type": "number",
+              "$value": "{spacing.320}"
+            },
+            "vertical": {
+              "$type": "number",
+              "$value": "{spacing.30}"
+            }
+          }
+        }
+      },
+      "border-radius": {
+        "medium": {
+          "$type": "number",
+          "$value": "{border-radius.full}"
+        },
+        "large": {
+          "$type": "number",
+          "$value": "{border-radius.full}"
+        },
+        "small": {
+          "$type": "number",
+          "$value": "{border-radius.full}"
+        }
+      }
+    },
+    "splitter": {
+      "layout": {
+        "large": {
+          "horizontal": {
+            "$type": "number",
+            "$value": "{spacing.0}"
+          },
+          "gap": {
+            "$type": "number",
+            "$value": "{spacing.0}"
+          },
+          "vertical": {
+            "$type": "number",
+            "$value": "{spacing.0}"
+          }
+        },
+        "medium": {
+          "horizontal": {
+            "$type": "number",
+            "$value": "{spacing.0}"
+          },
+          "gap": {
+            "$type": "number",
+            "$value": "{spacing.0}"
+          },
+          "vertical": {
+            "$type": "number",
+            "$value": "{spacing.0}"
+          }
+        },
+        "small": {
+          "vertical": {
+            "$type": "number",
+            "$value": "{spacing.0}"
+          },
+          "gap": {
+            "$type": "number",
+            "$value": "{spacing.0}"
+          },
+          "horizontal": {
+            "$type": "number",
+            "$value": "{spacing.0}"
+          }
+        }
+      }
+    },
+    "splitter-group": {
+      "layout": {
+        "small": {
+          "vertical": {
+            "$type": "number",
+            "$value": "{spacing.0}"
+          },
+          "horizontal": {
+            "$type": "number",
+            "$value": "{spacing.0}"
+          },
+          "gap": {
+            "$type": "number",
+            "$value": "{spacing.0}"
+          }
+        },
+        "medium": {
+          "horizontal": {
+            "$type": "number",
+            "$value": "{spacing.0}"
+          },
+          "gap": {
+            "$type": "number",
+            "$value": "{spacing.0}"
+          },
+          "vertical": {
+            "$type": "number",
+            "$value": "{spacing.0}"
+          }
+        },
+        "large": {
+          "horizontal": {
+            "$type": "number",
+            "$value": "{spacing.0}"
+          },
+          "vertical": {
+            "$type": "number",
+            "$value": "{spacing.0}"
+          },
+          "gap": {
+            "$type": "number",
+            "$value": "{spacing.0}"
+          }
+        }
+      }
+    }
+  }
+}