@sage/design-tokens 14.9.1 → 15.0.0

package/js/common/marketing/large/dark/components/form.js

@@ -1,4907 +0,0 @@
-/**
- * Copyright © 2025 The Sage Group plc or its licensors. All Rights reserved
- */
-
-/**
- * Do not edit directly, this file was auto-generated.
- */
-
-module.exports = {
-  form: {
-    space: {
-      none: {
-        $type: "spacing",
-        $value: 0,
-        filePath: "data/tokens/components/form.json",
-        isSource: true,
-        original: {
-          $type: "spacing",
-          $value: "{global.space.none}",
-        },
-        name: "formSpaceNone",
-        attributes: {},
-        path: ["form", "space", "none"],
-      },
-      calendar: {
-        x: {
-          M: {
-            $type: "spacing",
-            $value: 24,
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.macro.M}",
-            },
-            name: "formSpaceCalendarXM",
-            attributes: {},
-            path: ["form", "space", "calendar", "x", "M"],
-          },
-        },
-        y: {
-          M: {
-            $type: "spacing",
-            $value: 24,
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.macro.M}",
-            },
-            name: "formSpaceCalendarYM",
-            attributes: {},
-            path: ["form", "space", "calendar", "y", "M"],
-          },
-        },
-        yg: {
-          M: {
-            $type: "spacing",
-            $value: 8,
-            $description: "Space between date rows",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.micro.L}",
-              $description: "Space between date rows",
-            },
-            name: "formSpaceCalendarYgM",
-            attributes: {},
-            path: ["form", "space", "calendar", "yg", "M"],
-          },
-        },
-      },
-      chip: {
-        xg: {
-          M: {
-            $type: "spacing",
-            $value: 8,
-            $description: "gap between medium chip buttons",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.micro.L}",
-              $description: "gap between medium chip buttons",
-            },
-            name: "formSpaceChipXgM",
-            attributes: {},
-            path: ["form", "space", "chip", "xg", "M"],
-          },
-          L: {
-            $type: "spacing",
-            $value: 12,
-            $description: "gap between large chip buttons",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.micro.XXL}",
-              $description: "gap between large chip buttons",
-            },
-            name: "formSpaceChipXgL",
-            attributes: {},
-            path: ["form", "space", "chip", "xg", "L"],
-          },
-        },
-        yg: {
-          M: {
-            $type: "spacing",
-            $value: 8,
-            $description: "gap between medium chip buttons",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.micro.L}",
-              $description: "gap between medium chip buttons",
-            },
-            name: "formSpaceChipYgM",
-            attributes: {},
-            path: ["form", "space", "chip", "yg", "M"],
-          },
-          L: {
-            $type: "spacing",
-            $value: 12,
-            $description: "gap between large chip buttons",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.micro.XXL}",
-              $description: "gap between large chip buttons",
-            },
-            name: "formSpaceChipYgL",
-            attributes: {},
-            path: ["form", "space", "chip", "yg", "L"],
-          },
-        },
-      },
-      checkradio: {
-        y: {
-          S: {
-            $type: "spacing",
-            $value: 3,
-            $description:
-              "Space above single checkbox/radio OR label to vertically centre checkbox and label.",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.micro.M} / 2",
-              $description:
-                "Space above single checkbox/radio OR label to vertically centre checkbox and label.",
-            },
-            name: "formSpaceCheckradioYS",
-            attributes: {},
-            path: ["form", "space", "checkradio", "y", "S"],
-          },
-          M: {
-            $type: "spacing",
-            $value: 2,
-            $description:
-              "Space above single checkbox/radio OR label to vertically centre checkbox and label.",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.micro.XS}",
-              $description:
-                "Space above single checkbox/radio OR label to vertically centre checkbox and label.",
-            },
-            name: "formSpaceCheckradioYM",
-            attributes: {},
-            path: ["form", "space", "checkradio", "y", "M"],
-          },
-          L: {
-            $type: "spacing",
-            $value: 4,
-            $description:
-              "Space above single checkbox/radio OR label to vertically centre checkbox and label.",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.micro.XS} * 2",
-              $description:
-                "Space above single checkbox/radio OR label to vertically centre checkbox and label.",
-            },
-            name: "formSpaceCheckradioYL",
-            attributes: {},
-            path: ["form", "space", "checkradio", "y", "L"],
-          },
-        },
-      },
-      datepicker: {
-        pr: {
-          S: {
-            $type: "spacing",
-            $value: "0",
-            $description: "right padding on small date picker input",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "0",
-              $description: "right padding on small date picker input",
-            },
-            name: "formSpaceDatepickerPrS",
-            attributes: {},
-            path: ["form", "space", "datepicker", "pr", "S"],
-          },
-          M: {
-            $type: "spacing",
-            $value: "0",
-            $description: "right padding on medium date picker input",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "0",
-              $description: "right padding on medium date picker input",
-            },
-            name: "formSpaceDatepickerPrM",
-            attributes: {},
-            path: ["form", "space", "datepicker", "pr", "M"],
-          },
-          L: {
-            $type: "spacing",
-            $value: "0",
-            $description: "right padding on large date picker input",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "0",
-              $description: "right padding on large date picker input",
-            },
-            name: "formSpaceDatepickerPrL",
-            attributes: {},
-            path: ["form", "space", "datepicker", "pr", "L"],
-          },
-        },
-      },
-      dropdown: {
-        button: {
-          x: {
-            S: {
-              $type: "spacing",
-              $value: 20,
-              $description: "DD only, left right padding on footer button.",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.S}",
-                $description: "DD only, left right padding on footer button.",
-              },
-              name: "formSpaceDropdownButtonXS",
-              attributes: {},
-              path: ["form", "space", "dropdown", "button", "x", "S"],
-            },
-            M: {
-              $type: "spacing",
-              $value: 20,
-              $description: "DD only, left right padding on footer button.",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.S}",
-                $description: "DD only, left right padding on footer button.",
-              },
-              name: "formSpaceDropdownButtonXM",
-              attributes: {},
-              path: ["form", "space", "dropdown", "button", "x", "M"],
-            },
-            L: {
-              $type: "spacing",
-              $value: 20,
-              $description: "DD only, left right padding on footer button.",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.S}",
-                $description: "DD only, left right padding on footer button.",
-              },
-              name: "formSpaceDropdownButtonXL",
-              attributes: {},
-              path: ["form", "space", "dropdown", "button", "x", "L"],
-            },
-          },
-        },
-        heading: {
-          pr: {
-            S: {
-              $type: "spacing",
-              $value: 12,
-              $description: "DD only, right padding.",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.micro.XXL}",
-                $description: "DD only, right padding.",
-              },
-              name: "formSpaceDropdownHeadingPrS",
-              attributes: {},
-              path: ["form", "space", "dropdown", "heading", "pr", "S"],
-            },
-            M: {
-              $type: "spacing",
-              $value: 12,
-              $description: "DD only, right padding.",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.micro.XXL}",
-                $description: "DD only, right padding.",
-              },
-              name: "formSpaceDropdownHeadingPrM",
-              attributes: {},
-              path: ["form", "space", "dropdown", "heading", "pr", "M"],
-            },
-            L: {
-              $type: "spacing",
-              $value: 12,
-              $description: "DD only, right padding.",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.micro.XXL}",
-                $description: "DD only, right padding.",
-              },
-              name: "formSpaceDropdownHeadingPrL",
-              attributes: {},
-              path: ["form", "space", "dropdown", "heading", "pr", "L"],
-            },
-          },
-          pt: {
-            S: {
-              $type: "spacing",
-              $value: 12,
-              $description: "DD only, top padding.",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.micro.XXL}",
-                $description: "DD only, top padding.",
-              },
-              name: "formSpaceDropdownHeadingPtS",
-              attributes: {},
-              path: ["form", "space", "dropdown", "heading", "pt", "S"],
-            },
-            M: {
-              $type: "spacing",
-              $value: 12,
-              $description: "DD only, top padding.",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.micro.XXL}",
-                $description: "DD only, top padding.",
-              },
-              name: "formSpaceDropdownHeadingPtM",
-              attributes: {},
-              path: ["form", "space", "dropdown", "heading", "pt", "M"],
-            },
-            L: {
-              $type: "spacing",
-              $value: 12,
-              $description: "DD only, top padding.",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.micro.XXL}",
-                $description: "DD only, top padding.",
-              },
-              name: "formSpaceDropdownHeadingPtL",
-              attributes: {},
-              path: ["form", "space", "dropdown", "heading", "pt", "L"],
-            },
-          },
-          pl: {
-            S: {
-              $type: "spacing",
-              $value: 20,
-              $description: "DD only, left padding.",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.S}",
-                $description: "DD only, left padding.",
-              },
-              name: "formSpaceDropdownHeadingPlS",
-              attributes: {},
-              path: ["form", "space", "dropdown", "heading", "pl", "S"],
-            },
-            M: {
-              $type: "spacing",
-              $value: 20,
-              $description: "DD only, left padding.",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.S}",
-                $description: "DD only, left padding.",
-              },
-              name: "formSpaceDropdownHeadingPlM",
-              attributes: {},
-              path: ["form", "space", "dropdown", "heading", "pl", "M"],
-            },
-            L: {
-              $type: "spacing",
-              $value: 20,
-              $description: "DD only, left padding.",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.S}",
-                $description: "DD only, left padding.",
-              },
-              name: "formSpaceDropdownHeadingPlL",
-              attributes: {},
-              path: ["form", "space", "dropdown", "heading", "pl", "L"],
-            },
-          },
-        },
-        menu: {
-          y: {
-            S: {
-              $type: "spacing",
-              $value: 6,
-              $description: "REF POPOVER. Top and bottom padding on container",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{popover.space.menu.y.S}",
-                $description:
-                  "REF POPOVER. Top and bottom padding on container",
-              },
-              name: "formSpaceDropdownMenuYS",
-              attributes: {},
-              path: ["form", "space", "dropdown", "menu", "y", "S"],
-            },
-            M: {
-              $type: "spacing",
-              $value: 8,
-              $description: "REF POPOVER. Top and bottom padding on container",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{popover.space.menu.y.M}",
-                $description:
-                  "REF POPOVER. Top and bottom padding on container",
-              },
-              name: "formSpaceDropdownMenuYM",
-              attributes: {},
-              path: ["form", "space", "dropdown", "menu", "y", "M"],
-            },
-            L: {
-              $type: "spacing",
-              $value: 12,
-              $description: "REF POPOVER. Top and bottom padding on container",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{popover.space.menu.y.L}",
-                $description:
-                  "REF POPOVER. Top and bottom padding on container",
-              },
-              name: "formSpaceDropdownMenuYL",
-              attributes: {},
-              path: ["form", "space", "dropdown", "menu", "y", "L"],
-            },
-          },
-          x: {
-            S: {
-              $type: "spacing",
-              $value: 20,
-              $description:
-                "left and right padding of menu parent container to make message content align with the option text",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.S}",
-                $description:
-                  "left and right padding of menu parent container to make message content align with the option text",
-              },
-              name: "formSpaceDropdownMenuXS",
-              attributes: {},
-              path: ["form", "space", "dropdown", "menu", "x", "S"],
-            },
-            M: {
-              $type: "spacing",
-              $value: 20,
-              $description:
-                "left and right padding of menu parent container to make message content align with the option text",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.S}",
-                $description:
-                  "left and right padding of menu parent container to make message content align with the option text",
-              },
-              name: "formSpaceDropdownMenuXM",
-              attributes: {},
-              path: ["form", "space", "dropdown", "menu", "x", "M"],
-            },
-            L: {
-              $type: "spacing",
-              $value: 20,
-              $description:
-                "left and right padding of menu parent container to make message content align with the option text",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.S}",
-                $description:
-                  "left and right padding of menu parent container to make message content align with the option text",
-              },
-              name: "formSpaceDropdownMenuXL",
-              attributes: {},
-              path: ["form", "space", "dropdown", "menu", "x", "L"],
-            },
-          },
-        },
-        option: {
-          x: {
-            S: {
-              $type: "spacing",
-              $value: 12,
-              $description: "REF POPOVER. Right padding on option.",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{popover.space.option.x.S}",
-                $description: "REF POPOVER. Right padding on option.",
-              },
-              name: "formSpaceDropdownOptionXS",
-              attributes: {},
-              path: ["form", "space", "dropdown", "option", "x", "S"],
-            },
-            M: {
-              $type: "spacing",
-              $value: 12,
-              $description: "REF POPOVER. Right padding on option.",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{popover.space.option.x.M}",
-                $description: "REF POPOVER. Right padding on option.",
-              },
-              name: "formSpaceDropdownOptionXM",
-              attributes: {},
-              path: ["form", "space", "dropdown", "option", "x", "M"],
-            },
-            L: {
-              $type: "spacing",
-              $value: 12,
-              $description: "REF POPOVER. Right padding on option.",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{popover.space.option.x.L}",
-                $description: "REF POPOVER. Right padding on option.",
-              },
-              name: "formSpaceDropdownOptionXL",
-              attributes: {},
-              path: ["form", "space", "dropdown", "option", "x", "L"],
-            },
-          },
-          xg: {
-            S: {
-              $type: "spacing",
-              $value: 2,
-              $description:
-                "DD only. Space between optional icon, prefix, and label.",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.micro.XS}",
-                $description:
-                  "DD only. Space between optional icon, prefix, and label.",
-              },
-              name: "formSpaceDropdownOptionXgS",
-              attributes: {},
-              path: ["form", "space", "dropdown", "option", "xg", "S"],
-            },
-            M: {
-              $type: "spacing",
-              $value: 4,
-              $description:
-                "DD only. Space between optional icon, prefix, and label.",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.micro.S}",
-                $description:
-                  "DD only. Space between optional icon, prefix, and label.",
-              },
-              name: "formSpaceDropdownOptionXgM",
-              attributes: {},
-              path: ["form", "space", "dropdown", "option", "xg", "M"],
-            },
-            L: {
-              $type: "spacing",
-              $value: 4,
-              $description:
-                "DD only. Space between optional icon, prefix, and label.",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.micro.S}",
-                $description:
-                  "DD only. Space between optional icon, prefix, and label.",
-              },
-              name: "formSpaceDropdownOptionXgL",
-              attributes: {},
-              path: ["form", "space", "dropdown", "option", "xg", "L"],
-            },
-          },
-          y: {
-            S: {
-              $type: "spacing",
-              $value: 4,
-              $description: "REF POPOVER. Vertical padding on option.",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{popover.space.option.y.S}",
-                $description: "REF POPOVER. Vertical padding on option.",
-              },
-              name: "formSpaceDropdownOptionYS",
-              attributes: {},
-              path: ["form", "space", "dropdown", "option", "y", "S"],
-            },
-            M: {
-              $type: "spacing",
-              $value: 8,
-              $description: "REF POPOVER. Vertical padding on option.",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{popover.space.option.y.M}",
-                $description: "REF POPOVER. Vertical padding on option.",
-              },
-              name: "formSpaceDropdownOptionYM",
-              attributes: {},
-              path: ["form", "space", "dropdown", "option", "y", "M"],
-            },
-            L: {
-              $type: "spacing",
-              $value: 10,
-              $description: "REF POPOVER. Vertical padding on option.",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{popover.space.option.y.L}",
-                $description: "REF POPOVER. Vertical padding on option.",
-              },
-              name: "formSpaceDropdownOptionYL",
-              attributes: {},
-              path: ["form", "space", "dropdown", "option", "y", "L"],
-            },
-          },
-          colorpicker: {
-            xg: {
-              S: {
-                $type: "spacing",
-                $value: 4,
-                $description: "space on right of swatch",
-                filePath: "data/tokens/components/form.json",
-                isSource: true,
-                original: {
-                  $type: "spacing",
-                  $value: "{global.space.micro.S}",
-                  $description: "space on right of swatch",
-                },
-                name: "formSpaceDropdownOptionColorpickerXgS",
-                attributes: {},
-                path: [
-                  "form",
-                  "space",
-                  "dropdown",
-                  "option",
-                  "colorpicker",
-                  "xg",
-                  "S",
-                ],
-              },
-              M: {
-                $type: "spacing",
-                $value: 8,
-                $description: "space on right of swatch",
-                filePath: "data/tokens/components/form.json",
-                isSource: true,
-                original: {
-                  $type: "spacing",
-                  $value: "{global.space.micro.L}",
-                  $description: "space on right of swatch",
-                },
-                name: "formSpaceDropdownOptionColorpickerXgM",
-                attributes: {},
-                path: [
-                  "form",
-                  "space",
-                  "dropdown",
-                  "option",
-                  "colorpicker",
-                  "xg",
-                  "M",
-                ],
-              },
-              L: {
-                $type: "spacing",
-                $value: 12,
-                $description: "space on right of swatch",
-                filePath: "data/tokens/components/form.json",
-                isSource: true,
-                original: {
-                  $type: "spacing",
-                  $value: "{global.space.micro.XXL}",
-                  $description: "space on right of swatch",
-                },
-                name: "formSpaceDropdownOptionColorpickerXgL",
-                attributes: {},
-                path: [
-                  "form",
-                  "space",
-                  "dropdown",
-                  "option",
-                  "colorpicker",
-                  "xg",
-                  "L",
-                ],
-              },
-            },
-          },
-          subtext: {
-            x: {
-              S: {
-                $type: "spacing",
-                $value: 20,
-                $description:
-                  "used for left indentation on descriptive hint text underneath main option text",
-                filePath: "data/tokens/components/form.json",
-                isSource: true,
-                original: {
-                  $type: "spacing",
-                  $value: "{global.space.macro.S}",
-                  $description:
-                    "used for left indentation on descriptive hint text underneath main option text",
-                },
-                name: "formSpaceDropdownOptionSubtextXS",
-                attributes: {},
-                path: [
-                  "form",
-                  "space",
-                  "dropdown",
-                  "option",
-                  "subtext",
-                  "x",
-                  "S",
-                ],
-              },
-              M: {
-                $type: "spacing",
-                $value: 20,
-                $description:
-                  "used for left indentation on descriptive hint text underneath main option text",
-                filePath: "data/tokens/components/form.json",
-                isSource: true,
-                original: {
-                  $type: "spacing",
-                  $value: "{global.space.macro.S}",
-                  $description:
-                    "used for left indentation on descriptive hint text underneath main option text",
-                },
-                name: "formSpaceDropdownOptionSubtextXM",
-                attributes: {},
-                path: [
-                  "form",
-                  "space",
-                  "dropdown",
-                  "option",
-                  "subtext",
-                  "x",
-                  "M",
-                ],
-              },
-              L: {
-                $type: "spacing",
-                $value: 20,
-                $description:
-                  "used for left indentation on descriptive hint text underneath main option text",
-                filePath: "data/tokens/components/form.json",
-                isSource: true,
-                original: {
-                  $type: "spacing",
-                  $value: "{global.space.macro.S}",
-                  $description:
-                    "used for left indentation on descriptive hint text underneath main option text",
-                },
-                name: "formSpaceDropdownOptionSubtextXL",
-                attributes: {},
-                path: [
-                  "form",
-                  "space",
-                  "dropdown",
-                  "option",
-                  "subtext",
-                  "x",
-                  "L",
-                ],
-              },
-            },
-            y: {
-              S: {
-                $type: "spacing",
-                $value: 2,
-                $description:
-                  "top padding for the subtext text underneath standard option text",
-                filePath: "data/tokens/components/form.json",
-                isSource: true,
-                original: {
-                  $type: "spacing",
-                  $value: "{global.space.micro.XS}",
-                  $description:
-                    "top padding for the subtext text underneath standard option text",
-                },
-                name: "formSpaceDropdownOptionSubtextYS",
-                attributes: {},
-                path: [
-                  "form",
-                  "space",
-                  "dropdown",
-                  "option",
-                  "subtext",
-                  "y",
-                  "S",
-                ],
-              },
-              M: {
-                $type: "spacing",
-                $value: 4,
-                $description:
-                  "top padding for the subtext text underneath standard option text",
-                filePath: "data/tokens/components/form.json",
-                isSource: true,
-                original: {
-                  $type: "spacing",
-                  $value: "{global.space.micro.S}",
-                  $description:
-                    "top padding for the subtext text underneath standard option text",
-                },
-                name: "formSpaceDropdownOptionSubtextYM",
-                attributes: {},
-                path: [
-                  "form",
-                  "space",
-                  "dropdown",
-                  "option",
-                  "subtext",
-                  "y",
-                  "M",
-                ],
-              },
-              L: {
-                $type: "spacing",
-                $value: 4,
-                $description:
-                  "top padding for the subtext text underneath standard option text",
-                filePath: "data/tokens/components/form.json",
-                isSource: true,
-                original: {
-                  $type: "spacing",
-                  $value: "{global.space.micro.S}",
-                  $description:
-                    "top padding for the subtext text underneath standard option text",
-                },
-                name: "formSpaceDropdownOptionSubtextYL",
-                attributes: {},
-                path: [
-                  "form",
-                  "space",
-                  "dropdown",
-                  "option",
-                  "subtext",
-                  "y",
-                  "L",
-                ],
-              },
-            },
-          },
-        },
-        pill: {
-          xg: {
-            S: {
-              $type: "spacing",
-              $value: 4,
-              $description: "space between pills inside pill wrapper",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.micro.S}",
-                $description: "space between pills inside pill wrapper",
-              },
-              name: "formSpaceDropdownPillXgS",
-              attributes: {},
-              path: ["form", "space", "dropdown", "pill", "xg", "S"],
-            },
-            M: {
-              $type: "spacing",
-              $value: 4,
-              $description: "space between pills inside pill wrapper",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.micro.S}",
-                $description: "space between pills inside pill wrapper",
-              },
-              name: "formSpaceDropdownPillXgM",
-              attributes: {},
-              path: ["form", "space", "dropdown", "pill", "xg", "M"],
-            },
-            L: {
-              $type: "spacing",
-              $value: 4,
-              $description: "space between pills inside pill wrapper",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.micro.S}",
-                $description: "space between pills inside pill wrapper",
-              },
-              name: "formSpaceDropdownPillXgL",
-              attributes: {},
-              path: ["form", "space", "dropdown", "pill", "xg", "L"],
-            },
-          },
-        },
-        trigger: {
-          subtle: {
-            S: {
-              $type: "spacing",
-              $value: 4,
-              $description:
-                "Left and right padding on subtle dropdown triggers.",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.micro.S}",
-                $description:
-                  "Left and right padding on subtle dropdown triggers.",
-              },
-              name: "formSpaceDropdownTriggerSubtleS",
-              attributes: {},
-              path: ["form", "space", "dropdown", "trigger", "subtle", "S"],
-            },
-            M: {
-              $type: "spacing",
-              $value: 4,
-              $description:
-                "Left and right padding on subtle dropdown triggers.",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.micro.S}",
-                $description:
-                  "Left and right padding on subtle dropdown triggers.",
-              },
-              name: "formSpaceDropdownTriggerSubtleM",
-              attributes: {},
-              path: ["form", "space", "dropdown", "trigger", "subtle", "M"],
-            },
-            L: {
-              $type: "spacing",
-              $value: 4,
-              $description:
-                "Left and right padding on subtle dropdown triggers.",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.micro.S}",
-                $description:
-                  "Left and right padding on subtle dropdown triggers.",
-              },
-              name: "formSpaceDropdownTriggerSubtleL",
-              attributes: {},
-              path: ["form", "space", "dropdown", "trigger", "subtle", "L"],
-            },
-          },
-        },
-      },
-      fileinput: {
-        status: {
-          xl: {
-            M: {
-              $type: "spacing",
-              $value: 28,
-              $description:
-                "Left padding in File input (no-thumbnail variant), status text.",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.ML}",
-                $description:
-                  "Left padding in File input (no-thumbnail variant), status text.",
-              },
-              name: "formSpaceFileinputStatusXlM",
-              attributes: {},
-              path: ["form", "space", "fileinput", "status", "xl", "M"],
-            },
-          },
-          y: {
-            M: {
-              $type: "spacing",
-              $value: 4,
-              $description: "Vertical padding in status text.",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.micro.S}",
-                $description: "Vertical padding in status text.",
-              },
-              name: "formSpaceFileinputStatusYM",
-              attributes: {},
-              path: ["form", "space", "fileinput", "status", "y", "M"],
-            },
-          },
-        },
-        thumbnail: {
-          M: {
-            $type: "spacing",
-            $value: 4,
-            $description: "All padding in File input (thumbnail container).",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.micro.S}",
-              $description: "All padding in File input (thumbnail container).",
-            },
-            name: "formSpaceFileinputThumbnailM",
-            attributes: {},
-            path: ["form", "space", "fileinput", "thumbnail", "M"],
-          },
-        },
-        preview: {
-          x: {
-            M: {
-              $type: "spacing",
-              $value: 12,
-              $description:
-                "Right left padding in File input (preview container).",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.micro.XXL}",
-                $description:
-                  "Right left padding in File input (preview container).",
-              },
-              name: "formSpaceFileinputPreviewXM",
-              attributes: {},
-              path: ["form", "space", "fileinput", "preview", "x", "M"],
-            },
-          },
-          y: {
-            M: {
-              $type: "spacing",
-              $value: 8,
-              $description: "Top padding in file input (preview container).",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.micro.L}",
-                $description: "Top padding in file input (preview container).",
-              },
-              name: "formSpaceFileinputPreviewYM",
-              attributes: {},
-              path: ["form", "space", "fileinput", "preview", "y", "M"],
-            },
-          },
-        },
-        dropzone: {
-          x: {
-            M: {
-              $type: "spacing",
-              $value: 24,
-              $description:
-                "Right left padding in File input (preview container).",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.M}",
-                $description:
-                  "Right left padding in File input (preview container).",
-              },
-              name: "formSpaceFileinputDropzoneXM",
-              attributes: {},
-              path: ["form", "space", "fileinput", "dropzone", "x", "M"],
-            },
-          },
-          y: {
-            M: {
-              $type: "spacing",
-              $value: 24,
-              $description: "Top padding in file input (preview container).",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.M}",
-                $description: "Top padding in file input (preview container).",
-              },
-              name: "formSpaceFileinputDropzoneYM",
-              attributes: {},
-              path: ["form", "space", "fileinput", "dropzone", "y", "M"],
-            },
-          },
-          yg: {
-            M: {
-              $type: "spacing",
-              $value: 12,
-              $description: "Vertical gap in file input (input container).",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.micro.XXL}",
-                $description: "Vertical gap in file input (input container).",
-              },
-              name: "formSpaceFileinputDropzoneYgM",
-              attributes: {},
-              path: ["form", "space", "fileinput", "dropzone", "yg", "M"],
-            },
-          },
-        },
-      },
-      input: {
-        button: {
-          x: {
-            S: {
-              $type: "spacing",
-              $value: 8,
-              $description:
-                "left and right padding used on small buttons inside small inputs",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.XXXS}",
-                $description:
-                  "left and right padding used on small buttons inside small inputs",
-              },
-              name: "formSpaceInputButtonXS",
-              attributes: {},
-              path: ["form", "space", "input", "button", "x", "S"],
-            },
-            M: {
-              $type: "spacing",
-              $value: 12,
-              $description:
-                "left and right padding used on medium buttons inside medium inputs",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.XXS}",
-                $description:
-                  "left and right padding used on medium buttons inside medium inputs",
-              },
-              name: "formSpaceInputButtonXM",
-              attributes: {},
-              path: ["form", "space", "input", "button", "x", "M"],
-            },
-            L: {
-              $type: "spacing",
-              $value: 16,
-              $description:
-                "left and right padding used on large buttons inside large inputs",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.XS}",
-                $description:
-                  "left and right padding used on large buttons inside large inputs",
-              },
-              name: "formSpaceInputButtonXL",
-              attributes: {},
-              path: ["form", "space", "input", "button", "x", "L"],
-            },
-          },
-        },
-        stack: {
-          S: {
-            $type: "spacing",
-            $value: 16,
-            $description:
-              "Vertical gap on custom date range between the 2 inputs.",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.macro.XS}",
-              $description:
-                "Vertical gap on custom date range between the 2 inputs.",
-            },
-            name: "formSpaceInputStackS",
-            attributes: {},
-            path: ["form", "space", "input", "stack", "S"],
-          },
-          M: {
-            $type: "spacing",
-            $value: 20,
-            $description:
-              "Vertical gap on custom date range between the 2 inputs. Horizontal gap between start and end date inputs in Date range.",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.macro.S}",
-              $description:
-                "Vertical gap on custom date range between the 2 inputs. Horizontal gap between start and end date inputs in Date range.",
-            },
-            name: "formSpaceInputStackM",
-            attributes: {},
-            path: ["form", "space", "input", "stack", "M"],
-          },
-          L: {
-            $type: "spacing",
-            $value: 24,
-            $description:
-              "Vertical gap on custom date range between the 2 inputs.",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.macro.M}",
-              $description:
-                "Vertical gap on custom date range between the 2 inputs.",
-            },
-            name: "formSpaceInputStackL",
-            attributes: {},
-            path: ["form", "space", "input", "stack", "L"],
-          },
-        },
-        x: {
-          S: {
-            $type: "spacing",
-            $value: 8,
-            $description: "Left right padding on input.",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.micro.L}",
-              $description: "Left right padding on input.",
-            },
-            name: "formSpaceInputXS",
-            attributes: {},
-            path: ["form", "space", "input", "x", "S"],
-          },
-          M: {
-            $type: "spacing",
-            $value: 12,
-            $description:
-              "Left right padding on input. Right padding on dropdown option.",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.micro.XXL}",
-              $description:
-                "Left right padding on input. Right padding on dropdown option.",
-            },
-            name: "formSpaceInputXM",
-            attributes: {},
-            path: ["form", "space", "input", "x", "M"],
-          },
-          L: {
-            $type: "spacing",
-            $value: 16,
-            $description: "Left right padding on input.",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.macro.XS}",
-              $description: "Left right padding on input.",
-            },
-            name: "formSpaceInputXL",
-            attributes: {},
-            path: ["form", "space", "input", "x", "L"],
-          },
-        },
-        xg: {
-          S: {
-            $type: "spacing",
-            $value: 16,
-            $description:
-              "Horizontal gap between checkboxes and radios within a group, and between date or time inputs within a group.",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.macro.XS}",
-              $description:
-                "Horizontal gap between checkboxes and radios within a group, and between date or time inputs within a group.",
-            },
-            name: "formSpaceInputXgS",
-            attributes: {},
-            path: ["form", "space", "input", "xg", "S"],
-          },
-          M: {
-            $type: "spacing",
-            $value: 20,
-            $description:
-              "Horizontal gap between checkboxes and radios within a group, and between date or time inputs within a group, and between elements in Pagination.",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.macro.S}",
-              $description:
-                "Horizontal gap between checkboxes and radios within a group, and between date or time inputs within a group, and between elements in Pagination.",
-            },
-            name: "formSpaceInputXgM",
-            attributes: {},
-            path: ["form", "space", "input", "xg", "M"],
-          },
-          L: {
-            $type: "spacing",
-            $value: 24,
-            $description:
-              "Horizontal gap between checkboxes and radios within a group, and between date or time inputs within a group.",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.macro.M}",
-              $description:
-                "Horizontal gap between checkboxes and radios within a group, and between date or time inputs within a group.",
-            },
-            name: "formSpaceInputXgL",
-            attributes: {},
-            path: ["form", "space", "input", "xg", "L"],
-          },
-        },
-        y: {
-          S: {
-            $type: "spacing",
-            $value: 4,
-            $description: "Top bottom padding on input.",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.micro.S}",
-              $description: "Top bottom padding on input.",
-            },
-            name: "formSpaceInputYS",
-            attributes: {},
-            path: ["form", "space", "input", "y", "S"],
-          },
-          M: {
-            $type: "spacing",
-            $value: 8,
-            $description: "Top bottom padding on input.",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.micro.L}",
-              $description: "Top bottom padding on input.",
-            },
-            name: "formSpaceInputYM",
-            attributes: {},
-            path: ["form", "space", "input", "y", "M"],
-          },
-          L: {
-            $type: "spacing",
-            $value: 10,
-            $description: "Top bottom padding on input.",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.micro.XL}",
-              $description: "Top bottom padding on input.",
-            },
-            name: "formSpaceInputYL",
-            attributes: {},
-            path: ["form", "space", "input", "y", "L"],
-          },
-        },
-        yg: {
-          S: {
-            $type: "spacing",
-            $value: 8,
-            $description:
-              "Gap between rows of checkboxes or radios within a group.",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.micro.L}",
-              $description:
-                "Gap between rows of checkboxes or radios within a group.",
-            },
-            name: "formSpaceInputYgS",
-            attributes: {},
-            path: ["form", "space", "input", "yg", "S"],
-          },
-          M: {
-            $type: "spacing",
-            $value: 12,
-            $description:
-              "Gap between rows of checkboxes or radios within a group. Gap betwen input text and file preview in Text editor. ",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.micro.XXL}",
-              $description:
-                "Gap between rows of checkboxes or radios within a group. Gap betwen input text and file preview in Text editor. ",
-            },
-            name: "formSpaceInputYgM",
-            attributes: {},
-            path: ["form", "space", "input", "yg", "M"],
-          },
-          L: {
-            $type: "spacing",
-            $value: 16,
-            $description:
-              "Gap between rows of checkboxes or radios within a group.",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.macro.XS}",
-              $description:
-                "Gap between rows of checkboxes or radios within a group.",
-            },
-            name: "formSpaceInputYgL",
-            attributes: {},
-            path: ["form", "space", "input", "yg", "L"],
-          },
-        },
-      },
-      integral: {
-        secondarylabel: {
-          $type: "spacing",
-          $value: 4,
-          $description: "Space between secondarylabel and input",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "spacing",
-            $value: "{global.space.micro.S}",
-            $description: "Space between secondarylabel and input",
-          },
-          name: "formSpaceIntegralSecondarylabel",
-          attributes: {},
-          path: ["form", "space", "integral", "secondarylabel"],
-        },
-        xg: {
-          S: {
-            $type: "spacing",
-            $value: 6,
-            $description:
-              "Space between integral elements (ie checkbox&label, inputtext&icon,inputtext&button)",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.micro.M}",
-              $description:
-                "Space between integral elements (ie checkbox&label, inputtext&icon,inputtext&button)",
-            },
-            name: "formSpaceIntegralXgS",
-            attributes: {},
-            path: ["form", "space", "integral", "xg", "S"],
-          },
-          M: {
-            $type: "spacing",
-            $value: 8,
-            $description:
-              "Space between integral elements (ie checkbox&label, inputtext&icon,inputtext&button, dropdown option icon and label), Switch and processing text.",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.micro.L}",
-              $description:
-                "Space between integral elements (ie checkbox&label, inputtext&icon,inputtext&button, dropdown option icon and label), Switch and processing text.",
-            },
-            name: "formSpaceIntegralXgM",
-            attributes: {},
-            path: ["form", "space", "integral", "xg", "M"],
-          },
-          L: {
-            $type: "spacing",
-            $value: 10,
-            $description:
-              "Space between integral elements (ie checkbox&label, inputtext&icon,inputtext&button)",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.micro.XL}",
-              $description:
-                "Space between integral elements (ie checkbox&label, inputtext&icon,inputtext&button)",
-            },
-            name: "formSpaceIntegralXgL",
-            attributes: {},
-            path: ["form", "space", "integral", "xg", "L"],
-          },
-        },
-        yg: {
-          S: {
-            $type: "spacing",
-            $value: 6,
-            $description:
-              "Space below labelset or error validation in form components",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.micro.M}",
-              $description:
-                "Space below labelset or error validation in form components",
-            },
-            name: "formSpaceIntegralYgS",
-            attributes: {},
-            path: ["form", "space", "integral", "yg", "S"],
-          },
-          M: {
-            $type: "spacing",
-            $value: 8,
-            $description:
-              "Space below labelset or error validation in form components",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.micro.L}",
-              $description:
-                "Space below labelset or error validation in form components",
-            },
-            name: "formSpaceIntegralYgM",
-            attributes: {},
-            path: ["form", "space", "integral", "yg", "M"],
-          },
-          L: {
-            $type: "spacing",
-            $value: 10,
-            $description:
-              "Space below labelset or error validation in form components",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.micro.XL}",
-              $description:
-                "Space below labelset or error validation in form components",
-            },
-            name: "formSpaceIntegralYgL",
-            attributes: {},
-            path: ["form", "space", "integral", "yg", "L"],
-          },
-        },
-        progressive: {
-          x: {
-            S: {
-              $type: "spacing",
-              $value: 22,
-              $description:
-                "Left padding on progressively shown form inputs on radio and checkbox",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.M} - {global.space.micro.XS}",
-                $description:
-                  "Left padding on progressively shown form inputs on radio and checkbox",
-              },
-              name: "formSpaceIntegralProgressiveXS",
-              attributes: {},
-              path: ["form", "space", "integral", "progressive", "x", "S"],
-            },
-            M: {
-              $type: "spacing",
-              $value: 32,
-              $description:
-                "Left padding on progressively shown form inputs on radio and checkbox",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.L}",
-                $description:
-                  "Left padding on progressively shown form inputs on radio and checkbox",
-              },
-              name: "formSpaceIntegralProgressiveXM",
-              attributes: {},
-              path: ["form", "space", "integral", "progressive", "x", "M"],
-            },
-            L: {
-              $type: "spacing",
-              $value: 42,
-              $description:
-                "Left padding on progressively shown form inputs on radio and checkbox",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.XL} + {global.space.micro.XS}",
-                $description:
-                  "Left padding on progressively shown form inputs on radio and checkbox",
-              },
-              name: "formSpaceIntegralProgressiveXL",
-              attributes: {},
-              path: ["form", "space", "integral", "progressive", "x", "L"],
-            },
-          },
-          y: {
-            S: {
-              $type: "spacing",
-              $value: 8,
-              $description:
-                "Top and bottom padding on progressively shown form inputs on radio and checkbox",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.micro.L}",
-                $description:
-                  "Top and bottom padding on progressively shown form inputs on radio and checkbox",
-              },
-              name: "formSpaceIntegralProgressiveYS",
-              attributes: {},
-              path: ["form", "space", "integral", "progressive", "y", "S"],
-            },
-            M: {
-              $type: "spacing",
-              $value: 12,
-              $description:
-                "Top and bottom padding on progressively shown form inputs on radio and checkbox",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.micro.XXL}",
-                $description:
-                  "Top and bottom padding on progressively shown form inputs on radio and checkbox",
-              },
-              name: "formSpaceIntegralProgressiveYM",
-              attributes: {},
-              path: ["form", "space", "integral", "progressive", "y", "M"],
-            },
-            L: {
-              $type: "spacing",
-              $value: 16,
-              $description:
-                "Top and bottom padding on progressively shown form inputs on radio and checkbox",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.micro.L} * 2",
-                $description:
-                  "Top and bottom padding on progressively shown form inputs on radio and checkbox",
-              },
-              name: "formSpaceIntegralProgressiveYL",
-              attributes: {},
-              path: ["form", "space", "integral", "progressive", "y", "L"],
-            },
-          },
-          yg: {
-            S: {
-              $type: "spacing",
-              $value: 8,
-              $description:
-                "Top and bottom padding on progressively shown form inputs on radio and checkbox",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.micro.L}",
-                $description:
-                  "Top and bottom padding on progressively shown form inputs on radio and checkbox",
-              },
-              name: "formSpaceIntegralProgressiveYgS",
-              attributes: {},
-              path: ["form", "space", "integral", "progressive", "yg", "S"],
-            },
-            M: {
-              $type: "spacing",
-              $value: 12,
-              $description:
-                "Top and bottom padding on progressively shown form inputs on radio and checkbox",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.micro.XXL}",
-                $description:
-                  "Top and bottom padding on progressively shown form inputs on radio and checkbox",
-              },
-              name: "formSpaceIntegralProgressiveYgM",
-              attributes: {},
-              path: ["form", "space", "integral", "progressive", "yg", "M"],
-            },
-            L: {
-              $type: "spacing",
-              $value: 16,
-              $description:
-                "Top and bottom padding on progressively shown form inputs on radio and checkbox",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.micro.L} * 2",
-                $description:
-                  "Top and bottom padding on progressively shown form inputs on radio and checkbox",
-              },
-              name: "formSpaceIntegralProgressiveYgL",
-              attributes: {},
-              path: ["form", "space", "integral", "progressive", "yg", "L"],
-            },
-          },
-        },
-      },
-      rating: {
-        xg: {
-          M: {
-            $type: "spacing",
-            $value: 8,
-            $description: "small gap between rating stars",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.micro.L}",
-              $description: "small gap between rating stars",
-            },
-            name: "formSpaceRatingXgM",
-            attributes: {},
-            path: ["form", "space", "rating", "xg", "M"],
-          },
-          L: {
-            $type: "spacing",
-            $value: 12,
-            $description: "medium gap between rating stars",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.micro.XXL}",
-              $description: "medium gap between rating stars",
-            },
-            name: "formSpaceRatingXgL",
-            attributes: {},
-            path: ["form", "space", "rating", "xg", "L"],
-          },
-        },
-      },
-      layout: {
-        stack: {
-          S: {
-            $type: "spacing",
-            $value: 16,
-            $description:
-              "Spacing between horizontal and vertical S form components",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.macro.XS}",
-              $description:
-                "Spacing between horizontal and vertical S form components",
-            },
-            name: "formSpaceLayoutStackS",
-            attributes: {},
-            path: ["form", "space", "layout", "stack", "S"],
-          },
-          M: {
-            $type: "spacing",
-            $value: 20,
-            $description:
-              "Spacing between horizontal and vertical M form components",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.macro.S}",
-              $description:
-                "Spacing between horizontal and vertical M form components",
-            },
-            name: "formSpaceLayoutStackM",
-            attributes: {},
-            path: ["form", "space", "layout", "stack", "M"],
-          },
-          L: {
-            $type: "spacing",
-            $value: 24,
-            $description:
-              "Spacing between horizontal and vertical L form components",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.macro.M}",
-              $description:
-                "Spacing between horizontal and vertical L form components",
-            },
-            name: "formSpaceLayoutStackL",
-            attributes: {},
-            path: ["form", "space", "layout", "stack", "L"],
-          },
-        },
-      },
-      switch: {
-        xg: {
-          M: {
-            $type: "spacing",
-            $value: 4,
-            $description: "Space between elements within switch asset",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.micro.S}",
-              $description: "Space between elements within switch asset",
-            },
-            name: "formSpaceSwitchXgM",
-            attributes: {},
-            path: ["form", "space", "switch", "xg", "M"],
-          },
-          L: {
-            $type: "spacing",
-            $value: 6,
-            $description: "Space between elements within switch asset",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.micro.M}",
-              $description: "Space between elements within switch asset",
-            },
-            name: "formSpaceSwitchXgL",
-            attributes: {},
-            path: ["form", "space", "switch", "xg", "L"],
-          },
-        },
-        handleside: {
-          M: {
-            $type: "spacing",
-            $value: 4,
-            $description: "Padding on handle side.",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.micro.S}",
-              $description: "Padding on handle side.",
-            },
-            name: "formSpaceSwitchHandlesideM",
-            attributes: {},
-            path: ["form", "space", "switch", "handleside", "M"],
-          },
-          L: {
-            $type: "spacing",
-            $value: 6,
-            $description: "Padding on handle side.",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.micro.M}",
-              $description: "Padding on handle side.",
-            },
-            name: "formSpaceSwitchHandlesideL",
-            attributes: {},
-            path: ["form", "space", "switch", "handleside", "L"],
-          },
-        },
-        labelside: {
-          M: {
-            $type: "spacing",
-            $value: 8,
-            $description: "Padding on label side.",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.micro.L}",
-              $description: "Padding on label side.",
-            },
-            name: "formSpaceSwitchLabelsideM",
-            attributes: {},
-            path: ["form", "space", "switch", "labelside", "M"],
-          },
-          L: {
-            $type: "spacing",
-            $value: 12,
-            $description: "Padding on label side.",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.micro.XXL}",
-              $description: "Padding on label side.",
-            },
-            name: "formSpaceSwitchLabelsideL",
-            attributes: {},
-            path: ["form", "space", "switch", "labelside", "L"],
-          },
-        },
-      },
-      texteditor: {
-        y: {
-          S: {
-            $type: "spacing",
-            $value: 8,
-            $description: "Left right padding on input.",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.micro.L}",
-              $description: "Left right padding on input.",
-            },
-            name: "formSpaceTexteditorYS",
-            attributes: {},
-            path: ["form", "space", "texteditor", "y", "S"],
-          },
-          M: {
-            $type: "spacing",
-            $value: 12,
-            $description:
-              "Left right padding on input. Right padding on dropdown option.",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.micro.XXL}",
-              $description:
-                "Left right padding on input. Right padding on dropdown option.",
-            },
-            name: "formSpaceTexteditorYM",
-            attributes: {},
-            path: ["form", "space", "texteditor", "y", "M"],
-          },
-          L: {
-            $type: "spacing",
-            $value: 16,
-            $description: "Left right padding on input.",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.macro.XS}",
-              $description: "Left right padding on input.",
-            },
-            name: "formSpaceTexteditorYL",
-            attributes: {},
-            path: ["form", "space", "texteditor", "y", "L"],
-          },
-        },
-        yg: {
-          S: {
-            $type: "spacing",
-            $value: 4,
-            $description: "Top bottom padding on input.",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.micro.S}",
-              $description: "Top bottom padding on input.",
-            },
-            name: "formSpaceTexteditorYgS",
-            attributes: {},
-            path: ["form", "space", "texteditor", "yg", "S"],
-          },
-          M: {
-            $type: "spacing",
-            $value: 8,
-            $description: "Top bottom padding on input.",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.micro.L}",
-              $description: "Top bottom padding on input.",
-            },
-            name: "formSpaceTexteditorYgM",
-            attributes: {},
-            path: ["form", "space", "texteditor", "yg", "M"],
-          },
-          L: {
-            $type: "spacing",
-            $value: 10,
-            $description: "Top bottom padding on input.",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.micro.XL}",
-              $description: "Top bottom padding on input.",
-            },
-            name: "formSpaceTexteditorYgL",
-            attributes: {},
-            path: ["form", "space", "texteditor", "yg", "L"],
-          },
-        },
-        x: {
-          S: {
-            $type: "spacing",
-            $value: 8,
-            $description: "Left right padding on input.",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.micro.L}",
-              $description: "Left right padding on input.",
-            },
-            name: "formSpaceTexteditorXS",
-            attributes: {},
-            path: ["form", "space", "texteditor", "x", "S"],
-          },
-          M: {
-            $type: "spacing",
-            $value: 12,
-            $description:
-              "Left right padding on input. Right padding on dropdown option.",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.micro.XXL}",
-              $description:
-                "Left right padding on input. Right padding on dropdown option.",
-            },
-            name: "formSpaceTexteditorXM",
-            attributes: {},
-            path: ["form", "space", "texteditor", "x", "M"],
-          },
-          L: {
-            $type: "spacing",
-            $value: 16,
-            $description: "Left right padding on input.",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "spacing",
-              $value: "{global.space.macro.XS}",
-              $description: "Left right padding on input.",
-            },
-            name: "formSpaceTexteditorXL",
-            attributes: {},
-            path: ["form", "space", "texteditor", "x", "L"],
-          },
-        },
-        processing: {
-          y: {
-            S: {
-              $type: "spacing",
-              $value: 24,
-              $description: "Left right padding on input.",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.M}",
-                $description: "Left right padding on input.",
-              },
-              name: "formSpaceTexteditorProcessingYS",
-              attributes: {},
-              path: ["form", "space", "texteditor", "processing", "y", "S"],
-            },
-            M: {
-              $type: "spacing",
-              $value: 32,
-              $description:
-                "Left right padding on input. Right padding on dropdown option.",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.L}",
-                $description:
-                  "Left right padding on input. Right padding on dropdown option.",
-              },
-              name: "formSpaceTexteditorProcessingYM",
-              attributes: {},
-              path: ["form", "space", "texteditor", "processing", "y", "M"],
-            },
-            L: {
-              $type: "spacing",
-              $value: 40,
-              $description: "Left right padding on input.",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.XL}",
-                $description: "Left right padding on input.",
-              },
-              name: "formSpaceTexteditorProcessingYL",
-              attributes: {},
-              path: ["form", "space", "texteditor", "processing", "y", "L"],
-            },
-          },
-          yg: {
-            S: {
-              $type: "spacing",
-              $value: 12,
-              $description: "padding between cancel and loader",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.micro.XXL}",
-                $description: "padding between cancel and loader",
-              },
-              name: "formSpaceTexteditorProcessingYgS",
-              attributes: {},
-              path: ["form", "space", "texteditor", "processing", "yg", "S"],
-            },
-            M: {
-              $type: "spacing",
-              $value: 16,
-              $description: "padding between cancel and loader",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.XS}",
-                $description: "padding between cancel and loader",
-              },
-              name: "formSpaceTexteditorProcessingYgM",
-              attributes: {},
-              path: ["form", "space", "texteditor", "processing", "yg", "M"],
-            },
-            L: {
-              $type: "spacing",
-              $value: 24,
-              $description: "padding between cancel and loader",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.M}",
-                $description: "padding between cancel and loader",
-              },
-              name: "formSpaceTexteditorProcessingYgL",
-              attributes: {},
-              path: ["form", "space", "texteditor", "processing", "yg", "L"],
-            },
-          },
-          x: {
-            S: {
-              $type: "spacing",
-              $value: 24,
-              $description: "Left right padding on input.",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.M}",
-                $description: "Left right padding on input.",
-              },
-              name: "formSpaceTexteditorProcessingXS",
-              attributes: {},
-              path: ["form", "space", "texteditor", "processing", "x", "S"],
-            },
-            M: {
-              $type: "spacing",
-              $value: 32,
-              $description:
-                "Left right padding on input. Right padding on dropdown option.",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.L}",
-                $description:
-                  "Left right padding on input. Right padding on dropdown option.",
-              },
-              name: "formSpaceTexteditorProcessingXM",
-              attributes: {},
-              path: ["form", "space", "texteditor", "processing", "x", "M"],
-            },
-            L: {
-              $type: "spacing",
-              $value: 40,
-              $description: "Left right padding on input.",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.macro.XL}",
-                $description: "Left right padding on input.",
-              },
-              name: "formSpaceTexteditorProcessingXL",
-              attributes: {},
-              path: ["form", "space", "texteditor", "processing", "x", "L"],
-            },
-          },
-        },
-      },
-      password: {
-        requirement: {
-          xg: {
-            S: {
-              $type: "spacing",
-              $value: 6,
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.micro.M}",
-              },
-              name: "formSpacePasswordRequirementXgS",
-              attributes: {},
-              path: ["form", "space", "password", "requirement", "xg", "S"],
-            },
-            M: {
-              $type: "spacing",
-              $value: 8,
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.micro.L}",
-              },
-              name: "formSpacePasswordRequirementXgM",
-              attributes: {},
-              path: ["form", "space", "password", "requirement", "xg", "M"],
-            },
-            L: {
-              $type: "spacing",
-              $value: 10,
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.micro.XL}",
-              },
-              name: "formSpacePasswordRequirementXgL",
-              attributes: {},
-              path: ["form", "space", "password", "requirement", "xg", "L"],
-            },
-          },
-          x: {
-            S: {
-              $type: "spacing",
-              $value: 2,
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.micro.XS}",
-              },
-              name: "formSpacePasswordRequirementXS",
-              attributes: {},
-              path: ["form", "space", "password", "requirement", "x", "S"],
-            },
-            M: {
-              $type: "spacing",
-              $value: 4,
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.micro.S}",
-              },
-              name: "formSpacePasswordRequirementXM",
-              attributes: {},
-              path: ["form", "space", "password", "requirement", "x", "M"],
-            },
-            L: {
-              $type: "spacing",
-              $value: 4,
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.micro.S}",
-              },
-              name: "formSpacePasswordRequirementXL",
-              attributes: {},
-              path: ["form", "space", "password", "requirement", "x", "L"],
-            },
-          },
-          y: {
-            S: {
-              $type: "spacing",
-              $value: 2,
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.micro.XS}",
-              },
-              name: "formSpacePasswordRequirementYS",
-              attributes: {},
-              path: ["form", "space", "password", "requirement", "y", "S"],
-            },
-            M: {
-              $type: "spacing",
-              $value: 4,
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.micro.S}",
-              },
-              name: "formSpacePasswordRequirementYM",
-              attributes: {},
-              path: ["form", "space", "password", "requirement", "y", "M"],
-            },
-            L: {
-              $type: "spacing",
-              $value: 4,
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "spacing",
-                $value: "{global.space.micro.S}",
-              },
-              name: "formSpacePasswordRequirementYL",
-              attributes: {},
-              path: ["form", "space", "password", "requirement", "y", "L"],
-            },
-          },
-        },
-      },
-    },
-    size: {
-      none: {
-        $type: "sizing",
-        $value: 0,
-        filePath: "data/tokens/components/form.json",
-        isSource: true,
-        original: {
-          $type: "sizing",
-          $value: "{global.size.none}",
-        },
-        name: "formSizeNone",
-        attributes: {},
-        path: ["form", "size", "none"],
-      },
-      calendar: {
-        date: {
-          $type: "sizing",
-          $value: 40,
-          $description: "date buttons",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "sizing",
-            $value: "{global.size.macro.M}",
-            $description: "date buttons",
-          },
-          name: "formSizeCalendarDate",
-          attributes: {},
-          path: ["form", "size", "calendar", "date"],
-        },
-        day: {
-          $type: "sizing",
-          $value: 40,
-          $description: "day of the week HEIGHT",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "sizing",
-            $value: "{global.size.macro.M}",
-            $description: "day of the week HEIGHT",
-          },
-          name: "formSizeCalendarDay",
-          attributes: {},
-          path: ["form", "size", "calendar", "day"],
-        },
-        month: {
-          $type: "sizing",
-          $value: 160,
-          $description: "Min width of month dropdown",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "sizing",
-            $value: "{global.size.macro.XXXXL} + {global.size.macro.M}",
-            $description: "Min width of month dropdown",
-          },
-          name: "formSizeCalendarMonth",
-          attributes: {},
-          path: ["form", "size", "calendar", "month"],
-        },
-        year: {
-          $type: "sizing",
-          $value: 72,
-          $description: "Min width of month dropdown",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "sizing",
-            $value: "{global.size.macro.XXXL}",
-            $description: "Min width of month dropdown",
-          },
-          name: "formSizeCalendarYear",
-          attributes: {},
-          path: ["form", "size", "calendar", "year"],
-        },
-        today: {
-          width: {
-            $type: "sizing",
-            $value: 16,
-            $description: "today indicator",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "{global.size.macro.XXS}",
-              $description: "today indicator",
-            },
-            name: "formSizeCalendarTodayWidth",
-            attributes: {},
-            path: ["form", "size", "calendar", "today", "width"],
-          },
-          height: {
-            $type: "sizing",
-            $value: 4,
-            $description: "today indicator",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "{global.size.micro.XS}",
-              $description: "today indicator",
-            },
-            name: "formSizeCalendarTodayHeight",
-            attributes: {},
-            path: ["form", "size", "calendar", "today", "height"],
-          },
-        },
-      },
-      checkbox: {
-        S: {
-          $type: "sizing",
-          $value: 16,
-          $description: "S checkboxes",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "sizing",
-            $value: "{global.size.macro.XXS}",
-            $description: "S checkboxes",
-          },
-          name: "formSizeCheckboxS",
-          attributes: {},
-          path: ["form", "size", "checkbox", "S"],
-        },
-        M: {
-          $type: "sizing",
-          $value: 24,
-          $description: "M checkboxes",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "sizing",
-            $value: "{global.size.macro.XS}",
-            $description: "M checkboxes",
-          },
-          name: "formSizeCheckboxM",
-          attributes: {},
-          path: ["form", "size", "checkbox", "M"],
-        },
-        L: {
-          $type: "sizing",
-          $value: 32,
-          $description: "L checkboxes",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "sizing",
-            $value: "{global.size.macro.S}",
-            $description: "L checkboxes",
-          },
-          name: "formSizeCheckboxL",
-          attributes: {},
-          path: ["form", "size", "checkbox", "L"],
-        },
-      },
-      dropdown: {
-        colorpicker: {
-          S: {
-            $type: "sizing",
-            $value: 24,
-            $description: "Swatch size.",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "{global.size.macro.XS}",
-              $description: "Swatch size.",
-            },
-            name: "formSizeDropdownColorpickerS",
-            attributes: {},
-            path: ["form", "size", "dropdown", "colorpicker", "S"],
-          },
-          M: {
-            $type: "sizing",
-            $value: 24,
-            $description: "Swatch size.",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "{global.size.macro.XS}",
-              $description: "Swatch size.",
-            },
-            name: "formSizeDropdownColorpickerM",
-            attributes: {},
-            path: ["form", "size", "dropdown", "colorpicker", "M"],
-          },
-          L: {
-            $type: "sizing",
-            $value: 28,
-            $description: "Swatch size.",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "{global.size.macro.XS}+4",
-              $description: "Swatch size.",
-            },
-            name: "formSizeDropdownColorpickerL",
-            attributes: {},
-            path: ["form", "size", "dropdown", "colorpicker", "L"],
-          },
-          input: {
-            minwidth: {
-              $type: "sizing",
-              $value: 200,
-              $description: "Min width of dropdown and colorpicker inputs",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "sizing",
-                $value: "{container.size.responsive.M}",
-                $description: "Min width of dropdown and colorpicker inputs",
-              },
-              name: "formSizeDropdownColorpickerInputMinwidth",
-              attributes: {},
-              path: [
-                "form",
-                "size",
-                "dropdown",
-                "colorpicker",
-                "input",
-                "minwidth",
-              ],
-            },
-          },
-        },
-        item: {
-          S: {
-            $type: "sizing",
-            $value: 32,
-            $description: "REF POPOVER. Menu item min height.",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "{popover.size.item.S}",
-              $description: "REF POPOVER. Menu item min height.",
-            },
-            name: "formSizeDropdownItemS",
-            attributes: {},
-            path: ["form", "size", "dropdown", "item", "S"],
-          },
-          M: {
-            $type: "sizing",
-            $value: 40,
-            $description: "REF POPOVER. Menu item min height.",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "{popover.size.item.M}",
-              $description: "REF POPOVER. Menu item min height.",
-            },
-            name: "formSizeDropdownItemM",
-            attributes: {},
-            path: ["form", "size", "dropdown", "item", "M"],
-          },
-          L: {
-            $type: "sizing",
-            $value: 48,
-            $description: "REF POPOVER. Menu item min height.",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "{popover.size.item.L}",
-              $description: "REF POPOVER. Menu item min height.",
-            },
-            name: "formSizeDropdownItemL",
-            attributes: {},
-            path: ["form", "size", "dropdown", "item", "L"],
-          },
-        },
-        subtle: {
-          S: {
-            $type: "sizing",
-            $value: 80,
-            $description: "Min width of subtle dropdown",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "{global.size.macro.M} * 2",
-              $description: "Min width of subtle dropdown",
-            },
-            name: "formSizeDropdownSubtleS",
-            attributes: {},
-            path: ["form", "size", "dropdown", "subtle", "S"],
-          },
-          M: {
-            $type: "sizing",
-            $value: 80,
-            $description: "Min width of subtle dropdown",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "{global.size.macro.M} * 2",
-              $description: "Min width of subtle dropdown",
-            },
-            name: "formSizeDropdownSubtleM",
-            attributes: {},
-            path: ["form", "size", "dropdown", "subtle", "M"],
-          },
-          L: {
-            $type: "sizing",
-            $value: 80,
-            $description: "Min width of subtle dropdown",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "{global.size.macro.M} * 2",
-              $description: "Min width of subtle dropdown",
-            },
-            name: "formSizeDropdownSubtleL",
-            attributes: {},
-            path: ["form", "size", "dropdown", "subtle", "L"],
-          },
-        },
-      },
-      fileinput: {
-        fileicon: {
-          $type: "sizing",
-          $value: 32,
-          $description: "File input thumbnail icon",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "sizing",
-            $value: "{global.size.macro.S}",
-            $description: "File input thumbnail icon",
-          },
-          name: "formSizeFileinputFileicon",
-          attributes: {},
-          path: ["form", "size", "fileinput", "fileicon"],
-        },
-        preview: {
-          $type: "sizing",
-          $value: 72,
-          $description:
-            "File input container for thumbnail, progress, or icon.",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "sizing",
-            $value: "{global.size.macro.XXXL}",
-            $description:
-              "File input container for thumbnail, progress, or icon.",
-          },
-          name: "formSizeFileinputPreview",
-          attributes: {},
-          path: ["form", "size", "fileinput", "preview"],
-        },
-      },
-      icon: {
-        S: {
-          $type: "sizing",
-          $value: 16,
-          $description: "Currently for checkbox S only.",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "sizing",
-            $value: "{global.size.icon.S}",
-            $description: "Currently for checkbox S only.",
-          },
-          name: "formSizeIconS",
-          attributes: {},
-          path: ["form", "size", "icon", "S"],
-        },
-        M: {
-          $type: "sizing",
-          $value: 20,
-          $description: "Used for all form icons except for checkbox S and L",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "sizing",
-            $value: "{global.size.icon.M}",
-            $description: "Used for all form icons except for checkbox S and L",
-          },
-          name: "formSizeIconM",
-          attributes: {},
-          path: ["form", "size", "icon", "M"],
-        },
-        L: {
-          $type: "sizing",
-          $value: 24,
-          $description: "Currently for checkbox L only.",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "sizing",
-            $value: "{global.size.icon.L}",
-            $description: "Currently for checkbox L only.",
-          },
-          name: "formSizeIconL",
-          attributes: {},
-          path: ["form", "size", "icon", "L"],
-        },
-      },
-      input: {
-        S: {
-          $type: "sizing",
-          $value: 32,
-          $description: "min-height on S inputs",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "sizing",
-            $value: "{global.size.macro.S}",
-            $description: "min-height on S inputs",
-          },
-          name: "formSizeInputS",
-          attributes: {},
-          path: ["form", "size", "input", "S"],
-        },
-        M: {
-          $type: "sizing",
-          $value: 40,
-          $description:
-            "Min height on M Inputs and M Dropdowns. Fixed height on Calendar days",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "sizing",
-            $value: "{global.size.macro.M}",
-            $description:
-              "Min height on M Inputs and M Dropdowns. Fixed height on Calendar days",
-          },
-          name: "formSizeInputM",
-          attributes: {},
-          path: ["form", "size", "input", "M"],
-        },
-        L: {
-          $type: "sizing",
-          $value: 48,
-          $description: "L Inputs, Color picker square",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "sizing",
-            $value: "{global.size.macro.L}",
-            $description: "L Inputs, Color picker square",
-          },
-          name: "formSizeInputL",
-          attributes: {},
-          path: ["form", "size", "input", "L"],
-        },
-        timeinput: {
-          S: {
-            $type: "sizing",
-            $value: 34,
-            $description: "Min width for input field.",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "{global.size.macro.XS} + {global.size.micro.L}",
-              $description: "Min width for input field.",
-            },
-            name: "formSizeInputTimeinputS",
-            attributes: {},
-            path: ["form", "size", "input", "timeinput", "S"],
-          },
-          M: {
-            $type: "sizing",
-            $value: 44,
-            $description: "Min width for input field.",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "{global.size.macro.M} + {global.size.micro.XS}",
-              $description: "Min width for input field.",
-            },
-            name: "formSizeInputTimeinputM",
-            attributes: {},
-            path: ["form", "size", "input", "timeinput", "M"],
-          },
-          L: {
-            $type: "sizing",
-            $value: 56,
-            $description: "Min width for input field.",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "{global.size.macro.XL}",
-              $description: "Min width for input field.",
-            },
-            name: "formSizeInputTimeinputL",
-            attributes: {},
-            path: ["form", "size", "input", "timeinput", "L"],
-          },
-        },
-      },
-      radio: {
-        circle: {
-          S: {
-            $type: "sizing",
-            $value: 16,
-            $description: "S radios",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "{global.size.macro.XXS}",
-              $description: "S radios",
-            },
-            name: "formSizeRadioCircleS",
-            attributes: {},
-            path: ["form", "size", "radio", "circle", "S"],
-          },
-          M: {
-            $type: "sizing",
-            $value: 24,
-            $description: "M radios",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "{global.size.macro.XS}",
-              $description: "M radios",
-            },
-            name: "formSizeRadioCircleM",
-            attributes: {},
-            path: ["form", "size", "radio", "circle", "M"],
-          },
-          L: {
-            $type: "sizing",
-            $value: 32,
-            $description: "L radios",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "{global.size.macro.S}",
-              $description: "L radios",
-            },
-            name: "formSizeRadioCircleL",
-            attributes: {},
-            path: ["form", "size", "radio", "circle", "L"],
-          },
-        },
-        dot: {
-          S: {
-            $type: "sizing",
-            $value: 8,
-            $description: "S radio dot",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "{global.size.micro.M}",
-              $description: "S radio dot",
-            },
-            name: "formSizeRadioDotS",
-            attributes: {},
-            path: ["form", "size", "radio", "dot", "S"],
-          },
-          M: {
-            $type: "sizing",
-            $value: 12,
-            $description: "M radio dot",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "{global.size.micro.XL}",
-              $description: "M radio dot",
-            },
-            name: "formSizeRadioDotM",
-            attributes: {},
-            path: ["form", "size", "radio", "dot", "M"],
-          },
-          L: {
-            $type: "sizing",
-            $value: 16,
-            $description: "L radio dot",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "{global.size.micro.XXL}",
-              $description: "L radio dot",
-            },
-            name: "formSizeRadioDotL",
-            attributes: {},
-            path: ["form", "size", "radio", "dot", "L"],
-          },
-        },
-      },
-      switch: {
-        container: {
-          height: {
-            M: {
-              $type: "sizing",
-              $value: 24,
-              $description: "Switch container height for medium",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "sizing",
-                $value: "{global.size.macro.XS}",
-                $description: "Switch container height for medium",
-              },
-              name: "formSizeSwitchContainerHeightM",
-              attributes: {},
-              path: ["form", "size", "switch", "container", "height", "M"],
-            },
-            L: {
-              $type: "sizing",
-              $value: 40,
-              $description: "Switch container height for large",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "sizing",
-                $value: "{global.size.macro.M}",
-                $description: "Switch container height for large",
-              },
-              name: "formSizeSwitchContainerHeightL",
-              attributes: {},
-              path: ["form", "size", "switch", "container", "height", "L"],
-            },
-          },
-          width: {
-            M: {
-              $type: "sizing",
-              $value: 40,
-              $description: "Switch container width for medium",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "sizing",
-                $value: "{global.size.macro.M}",
-                $description: "Switch container width for medium",
-              },
-              name: "formSizeSwitchContainerWidthM",
-              attributes: {},
-              path: ["form", "size", "switch", "container", "width", "M"],
-            },
-            L: {
-              $type: "sizing",
-              $value: 72,
-              $description: "Switch container width for large",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "sizing",
-                $value: "{global.size.macro.XXXL}",
-                $description: "Switch container width for large",
-              },
-              name: "formSizeSwitchContainerWidthL",
-              attributes: {},
-              path: ["form", "size", "switch", "container", "width", "L"],
-            },
-          },
-        },
-        handle: {
-          M: {
-            $type: "sizing",
-            $value: 16,
-            $description: "S switch knob",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "{global.size.macro.XXS}",
-              $description: "S switch knob",
-            },
-            name: "formSizeSwitchHandleM",
-            attributes: {},
-            path: ["form", "size", "switch", "handle", "M"],
-          },
-          L: {
-            $type: "sizing",
-            $value: 28,
-            $description: "L switch knob",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "{global.size.macro.XS} + {global.size.micro.XS}",
-              $description: "L switch knob",
-            },
-            name: "formSizeSwitchHandleL",
-            attributes: {},
-            path: ["form", "size", "switch", "handle", "L"],
-          },
-          icon: {
-            M: {
-              $type: "sizing",
-              $value: 12,
-              $description: "S switch knob",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "sizing",
-                $value: "{global.size.icon.S} - {global.size.micro.XS}",
-                $description: "S switch knob",
-              },
-              name: "formSizeSwitchHandleIconM",
-              attributes: {},
-              path: ["form", "size", "switch", "handle", "icon", "M"],
-            },
-            L: {
-              $type: "sizing",
-              $value: 20,
-              $description: "L switch icon inside knob",
-              filePath: "data/tokens/components/form.json",
-              isSource: true,
-              original: {
-                $type: "sizing",
-                $value: "{global.size.icon.M}",
-                $description: "L switch icon inside knob",
-              },
-              name: "formSizeSwitchHandleIconL",
-              attributes: {},
-              path: ["form", "size", "switch", "handle", "icon", "L"],
-            },
-          },
-        },
-      },
-      search: {
-        input: {
-          minwidth: {
-            $type: "sizing",
-            $value: 288,
-            $description: "minimum width for search input container",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "{container.size.responsive.XL}",
-              $description: "minimum width for search input container",
-            },
-            name: "formSizeSearchInputMinwidth",
-            attributes: {},
-            path: ["form", "size", "search", "input", "minwidth"],
-          },
-          maxwidth: {
-            $type: "sizing",
-            $value: 400,
-            $description: "maximum width for search input container",
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value:
-                "{container.size.responsive.XXL} + {container.size.responsive.XXS}",
-              $description: "maximum width for search input container",
-            },
-            name: "formSizeSearchInputMaxwidth",
-            attributes: {},
-            path: ["form", "size", "search", "input", "maxwidth"],
-          },
-        },
-      },
-      textarea: {
-        M: {
-          $type: "sizing",
-          $value: 80,
-          $description: "Min height for all text area sizes.",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "sizing",
-            $value: "{global.size.macro.M} * 2",
-            $description: "Min height for all text area sizes.",
-          },
-          name: "formSizeTextareaM",
-          attributes: {},
-          path: ["form", "size", "textarea", "M"],
-        },
-      },
-      validation: {
-        bar: {
-          $type: "sizing",
-          $value: 2,
-          $description: "2px validation bar used on errors and warnings",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "sizing",
-            $value: "{global.size.micro.XXS}",
-            $description: "2px validation bar used on errors and warnings",
-          },
-          name: "formSizeValidationBar",
-          attributes: {},
-          path: ["form", "size", "validation", "bar"],
-        },
-      },
-      progressive: {
-        bar: {
-          $type: "sizing",
-          $value: 2,
-          $description:
-            "2px progressive disclosure keyline bar used in checkbox and radio groups",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "sizing",
-            $value: "{global.size.micro.XXS}",
-            $description:
-              "2px progressive disclosure keyline bar used in checkbox and radio groups",
-          },
-          name: "formSizeProgressiveBar",
-          attributes: {},
-          path: ["form", "size", "progressive", "bar"],
-        },
-      },
-      rating: {
-        M: {
-          $type: "sizing",
-          $value: 20,
-          $description: "medium rating stars",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "sizing",
-            $value: "{global.size.icon.M}",
-            $description: "medium rating stars",
-          },
-          name: "formSizeRatingM",
-          attributes: {},
-          path: ["form", "size", "rating", "M"],
-        },
-        L: {
-          $type: "sizing",
-          $value: 32,
-          $description: "large rating stars",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "sizing",
-            $value: "{global.size.icon.XL}",
-            $description: "large rating stars",
-          },
-          name: "formSizeRatingL",
-          attributes: {},
-          path: ["form", "size", "rating", "L"],
-        },
-      },
-    },
-    color: {
-      calendar: {
-        "bg-active": {
-          $type: "color",
-          $value: "#FFFFFF",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.monochrome.active}",
-          },
-          name: "formColorCalendarBgActive",
-          attributes: {},
-          path: ["form", "color", "calendar", "bg-active"],
-        },
-        "bg-disabled": {
-          $type: "color",
-          $value: "#0e0e0e",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.inactive.defaultAlt}",
-          },
-          name: "formColorCalendarBgDisabled",
-          attributes: {},
-          path: ["form", "color", "calendar", "bg-disabled"],
-        },
-        "bg-duration": {
-          $type: "color",
-          $value: "#1b1b1b",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.dataEntry.hoverAlt}",
-          },
-          name: "formColorCalendarBgDuration",
-          attributes: {},
-          path: ["form", "color", "calendar", "bg-duration"],
-        },
-        "bg-hover": {
-          $type: "color",
-          $value: "#ffffff1a",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.monochrome.hoverAlt}",
-          },
-          name: "formColorCalendarBgHover",
-          attributes: {},
-          path: ["form", "color", "calendar", "bg-hover"],
-        },
-        "border-duration": {
-          $type: "color",
-          $value: "#FFFFFF",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.monochrome.active}",
-          },
-          name: "formColorCalendarBorderDuration",
-          attributes: {},
-          path: ["form", "color", "calendar", "border-duration"],
-        },
-        "text-active": {
-          $type: "color",
-          $value: "#000000",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.monochrome.withActive}",
-          },
-          name: "formColorCalendarTextActive",
-          attributes: {},
-          path: ["form", "color", "calendar", "text-active"],
-        },
-        "text-alt": {
-          $type: "color",
-          $value: "#ffffff8c",
-          $description: "Days of the week subheaders",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.dataEntry.contentAlt}",
-            $description: "Days of the week subheaders",
-          },
-          name: "formColorCalendarTextAlt",
-          attributes: {},
-          path: ["form", "color", "calendar", "text-alt"],
-        },
-        "text-disabled": {
-          $type: "color",
-          $value: "#ffffff4d",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.inactive.content}",
-          },
-          name: "formColorCalendarTextDisabled",
-          attributes: {},
-          path: ["form", "color", "calendar", "text-disabled"],
-        },
-        "text-duration": {
-          $type: "color",
-          $value: "#fffffff2",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.dataEntry.content}",
-          },
-          name: "formColorCalendarTextDuration",
-          attributes: {},
-          path: ["form", "color", "calendar", "text-duration"],
-        },
-        "text-enabled": {
-          $type: "color",
-          $value: "#fffffff2",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.dataEntry.content}",
-          },
-          name: "formColorCalendarTextEnabled",
-          attributes: {},
-          path: ["form", "color", "calendar", "text-enabled"],
-        },
-        "text-hover": {
-          $type: "color",
-          $value: "#FFFFFF",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.monochrome.withHover}",
-          },
-          name: "formColorCalendarTextHover",
-          attributes: {},
-          path: ["form", "color", "calendar", "text-hover"],
-        },
-        "textAlt-enabled": {
-          $type: "color",
-          $value: "#ffffff8c",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.dataEntry.contentAlt}",
-          },
-          name: "formColorCalendarTextAltEnabled",
-          attributes: {},
-          path: ["form", "color", "calendar", "textAlt-enabled"],
-        },
-      },
-      dropdown: {
-        "bg-hover": {
-          $type: "color",
-          $value: "#ffffff1a",
-          $description: "REF POPOVER ",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{popover.color.bg-hover}",
-            $description: "REF POPOVER ",
-          },
-          name: "formColorDropdownBgHover",
-          attributes: {},
-          path: ["form", "color", "dropdown", "bg-hover"],
-        },
-        "label-active": {
-          $type: "color",
-          $value: "#000000",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.monochrome.withActive}",
-          },
-          name: "formColorDropdownLabelActive",
-          attributes: {},
-          path: ["form", "color", "dropdown", "label-active"],
-        },
-        "label-alt": {
-          $type: "color",
-          $value: "#ffffffe6",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.monochrome.default}",
-          },
-          name: "formColorDropdownLabelAlt",
-          attributes: {},
-          path: ["form", "color", "dropdown", "label-alt"],
-        },
-        "label-disabled": {
-          $type: "color",
-          $value: "#ffffff4d",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.inactive.content}",
-          },
-          name: "formColorDropdownLabelDisabled",
-          attributes: {},
-          path: ["form", "color", "dropdown", "label-disabled"],
-        },
-        "label-enabled": {
-          $type: "color",
-          $value: "#ffffffab",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.monochrome.defaultAlt}",
-          },
-          name: "formColorDropdownLabelEnabled",
-          attributes: {},
-          path: ["form", "color", "dropdown", "label-enabled"],
-        },
-        "label-hover": {
-          $type: "color",
-          $value: "#FFFFFF",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.monochrome.withHover}",
-          },
-          name: "formColorDropdownLabelHover",
-          attributes: {},
-          path: ["form", "color", "dropdown", "label-hover"],
-        },
-      },
-      labelset: {
-        "label-required": {
-          $type: "color",
-          $value: "#E13E53",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.danger.default}",
-          },
-          name: "formColorLabelsetLabelRequired",
-          attributes: {},
-          path: ["form", "color", "labelset", "label-required"],
-        },
-        "label-default": {
-          $type: "color",
-          $value: "#fffffff2",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.dataEntry.content}",
-          },
-          name: "formColorLabelsetLabelDefault",
-          attributes: {},
-          path: ["form", "color", "labelset", "label-default"],
-        },
-        "label-alt": {
-          $type: "color",
-          $value: "#ffffff8c",
-          $description: "used for '(optional)' text and hint text.",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.dataEntry.contentAlt}",
-            $description: "used for '(optional)' text and hint text.",
-          },
-          name: "formColorLabelsetLabelAlt",
-          attributes: {},
-          path: ["form", "color", "labelset", "label-alt"],
-        },
-        "label-disabled": {
-          $type: "color",
-          $value: "#ffffff4d",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.inactive.content}",
-          },
-          name: "formColorLabelsetLabelDisabled",
-          attributes: {},
-          path: ["form", "color", "labelset", "label-disabled"],
-        },
-        "label-readOnly": {
-          $type: "color",
-          $value: "#fffffff2",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.dataEntry.content}",
-          },
-          name: "formColorLabelsetLabelReadOnly",
-          attributes: {},
-          path: ["form", "color", "labelset", "label-readOnly"],
-        },
-      },
-      typical: {
-        "bg-alt": {
-          $type: "color",
-          $value: "#0e0e0e",
-          $description:
-            "progress bar bg, text editor preview and text editor footer",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.dataEntry.defaultAlt}",
-            $description:
-              "progress bar bg, text editor preview and text editor footer",
-          },
-          name: "formColorTypicalBgAlt",
-          attributes: {},
-          path: ["form", "color", "typical", "bg-alt"],
-        },
-        "bg-disabled": {
-          $type: "color",
-          $value: "#0e0e0e",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.inactive.defaultAlt}",
-          },
-          name: "formColorTypicalBgDisabled",
-          attributes: {},
-          path: ["form", "color", "typical", "bg-disabled"],
-        },
-        "bg-default": {
-          $type: "color",
-          $value: "#000000",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.dataEntry.default}",
-          },
-          name: "formColorTypicalBgDefault",
-          attributes: {},
-          path: ["form", "color", "typical", "bg-default"],
-        },
-        "bg-enabled": {
-          $type: "color",
-          $value: "#000000",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.dataEntry.default}",
-          },
-          name: "formColorTypicalBgEnabled",
-          attributes: {},
-          path: ["form", "color", "typical", "bg-enabled"],
-        },
-        "bg-hover": {
-          $type: "color",
-          $value: "#1b1b1b",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.dataEntry.hoverAlt}",
-          },
-          name: "formColorTypicalBgHover",
-          attributes: {},
-          path: ["form", "color", "typical", "bg-hover"],
-        },
-        "bg-readOnly": {
-          $type: "color",
-          $value: "#0e0e0e",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.inactive.defaultAlt}",
-          },
-          name: "formColorTypicalBgReadOnly",
-          attributes: {},
-          path: ["form", "color", "typical", "bg-readOnly"],
-        },
-        "border-alt": {
-          $type: "color",
-          $value: "#4b4b4b",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.inactive.default}",
-          },
-          name: "formColorTypicalBorderAlt",
-          attributes: {},
-          path: ["form", "color", "typical", "border-alt"],
-        },
-        "border-enabled": {
-          $type: "color",
-          $value: "#777",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.dataEntry.withDefault}",
-          },
-          name: "formColorTypicalBorderEnabled",
-          attributes: {},
-          path: ["form", "color", "typical", "border-enabled"],
-        },
-        "border-disabled": {
-          $type: "color",
-          $value: "#4b4b4b",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.inactive.default}",
-          },
-          name: "formColorTypicalBorderDisabled",
-          attributes: {},
-          path: ["form", "color", "typical", "border-disabled"],
-        },
-        "border-hover": {
-          $type: "color",
-          $value: "#FFFFFF",
-          $description: "File input draggable border state",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.dataEntry.withHover}",
-            $description: "File input draggable border state",
-          },
-          name: "formColorTypicalBorderHover",
-          attributes: {},
-          path: ["form", "color", "typical", "border-hover"],
-        },
-        "border-readOnly": {
-          $type: "color",
-          $value: "#4b4b4b",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.inactive.default}",
-          },
-          name: "formColorTypicalBorderReadOnly",
-          attributes: {},
-          path: ["form", "color", "typical", "border-readOnly"],
-        },
-        "icon-active": {
-          $type: "color",
-          $value: "#FFFFFF",
-          $description:
-            "used on tick in color picker and selected tick on dropdowns",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.dataEntry.withActive}",
-            $description:
-              "used on tick in color picker and selected tick on dropdowns",
-          },
-          name: "formColorTypicalIconActive",
-          attributes: {},
-          path: ["form", "color", "typical", "icon-active"],
-        },
-        "icon-default": {
-          $type: "color",
-          $value: "#fffffff2",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.dataEntry.content}",
-          },
-          name: "formColorTypicalIconDefault",
-          attributes: {},
-          path: ["form", "color", "typical", "icon-default"],
-        },
-        "icon-disabled": {
-          $type: "color",
-          $value: "#ffffff4d",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.inactive.icon}",
-          },
-          name: "formColorTypicalIconDisabled",
-          attributes: {},
-          path: ["form", "color", "typical", "icon-disabled"],
-        },
-        "icon-enabled": {
-          $type: "color",
-          $value: "#fffffff2",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.dataEntry.content}",
-          },
-          name: "formColorTypicalIconEnabled",
-          attributes: {},
-          path: ["form", "color", "typical", "icon-enabled"],
-        },
-        "icon-hover": {
-          $type: "color",
-          $value: "#FFFFFF",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.dataEntry.withHover}",
-          },
-          name: "formColorTypicalIconHover",
-          attributes: {},
-          path: ["form", "color", "typical", "icon-hover"],
-        },
-        "icon-readOnly": {
-          $type: "color",
-          $value: "#ffffff8c",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.inactive.iconAlt}",
-          },
-          name: "formColorTypicalIconReadOnly",
-          attributes: {},
-          path: ["form", "color", "typical", "icon-readOnly"],
-        },
-        "iconAlt-active": {
-          $type: "color",
-          $value: "#000000",
-          $description: "used on tick in color picker",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.dataEntry.withActiveAlt}",
-            $description: "used on tick in color picker",
-          },
-          name: "formColorTypicalIconAltActive",
-          attributes: {},
-          path: ["form", "color", "typical", "iconAlt-active"],
-        },
-        "text-active": {
-          $type: "color",
-          $value: "#fffffff2",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.dataEntry.content}",
-          },
-          name: "formColorTypicalTextActive",
-          attributes: {},
-          path: ["form", "color", "typical", "text-active"],
-        },
-        "text-alt": {
-          $type: "color",
-          $value: "#ffffff8c",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.dataEntry.contentAlt}",
-          },
-          name: "formColorTypicalTextAlt",
-          attributes: {},
-          path: ["form", "color", "typical", "text-alt"],
-        },
-        "text-default": {
-          $type: "color",
-          $value: "#fffffff2",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.dataEntry.content}",
-          },
-          name: "formColorTypicalTextDefault",
-          attributes: {},
-          path: ["form", "color", "typical", "text-default"],
-        },
-        "text-disabled": {
-          $type: "color",
-          $value: "#ffffff4d",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.inactive.content}",
-          },
-          name: "formColorTypicalTextDisabled",
-          attributes: {},
-          path: ["form", "color", "typical", "text-disabled"],
-        },
-        "text-enabled": {
-          $type: "color",
-          $value: "#fffffff2",
-          $description: "Dropdown text (subtle dropdown).",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.dataEntry.content}",
-            $description: "Dropdown text (subtle dropdown).",
-          },
-          name: "formColorTypicalTextEnabled",
-          attributes: {},
-          path: ["form", "color", "typical", "text-enabled"],
-        },
-        "text-hover": {
-          $type: "color",
-          $value: "#FFFFFF",
-          $description: "text hover state when dragging a file over file input",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.dataEntry.withHover}",
-            $description:
-              "text hover state when dragging a file over file input",
-          },
-          name: "formColorTypicalTextHover",
-          attributes: {},
-          path: ["form", "color", "typical", "text-hover"],
-        },
-        "text-readOnly": {
-          $type: "color",
-          $value: "#fffffff2",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.generic.content.harsh}",
-          },
-          name: "formColorTypicalTextReadOnly",
-          attributes: {},
-          path: ["form", "color", "typical", "text-readOnly"],
-        },
-      },
-      switch: {
-        "bg-active": {
-          $type: "color",
-          $value: "#FFFFFF",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.monochrome.active}",
-          },
-          name: "formColorSwitchBgActive",
-          attributes: {},
-          path: ["form", "color", "switch", "bg-active"],
-        },
-        "bg-activedisabled": {
-          $type: "color",
-          $value: "#4b4b4b",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.inactive.default}",
-          },
-          name: "formColorSwitchBgActivedisabled",
-          attributes: {},
-          path: ["form", "color", "switch", "bg-activedisabled"],
-        },
-        "bg-disabled": {
-          $type: "color",
-          $value: "#0e0e0e",
-          $description: "for switch",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.inactive.defaultAlt}",
-            $description: "for switch",
-          },
-          name: "formColorSwitchBgDisabled",
-          attributes: {},
-          path: ["form", "color", "switch", "bg-disabled"],
-        },
-        "bg-enabled": {
-          $type: "color",
-          $value: "#000000",
-          $description: "for switch",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.dataEntry.default}",
-            $description: "for switch",
-          },
-          name: "formColorSwitchBgEnabled",
-          attributes: {},
-          path: ["form", "color", "switch", "bg-enabled"],
-        },
-        "border-active": {
-          $type: "color",
-          $value: "transparent",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "transparent",
-          },
-          name: "formColorSwitchBorderActive",
-          attributes: {},
-          path: ["form", "color", "switch", "border-active"],
-        },
-        "border-activedisabled": {
-          $type: "color",
-          $value: "transparent",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "transparent",
-          },
-          name: "formColorSwitchBorderActivedisabled",
-          attributes: {},
-          path: ["form", "color", "switch", "border-activedisabled"],
-        },
-        "border-disabled": {
-          $type: "color",
-          $value: "#4b4b4b",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.inactive.default}",
-          },
-          name: "formColorSwitchBorderDisabled",
-          attributes: {},
-          path: ["form", "color", "switch", "border-disabled"],
-        },
-        "border-enabled": {
-          $type: "color",
-          $value: "#ffffff80",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.monochrome.subtle.defaultAlt}",
-          },
-          name: "formColorSwitchBorderEnabled",
-          attributes: {},
-          path: ["form", "color", "switch", "border-enabled"],
-        },
-        "fg-active": {
-          $type: "color",
-          $value: "#000000",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.monochrome.withActive}",
-          },
-          name: "formColorSwitchFgActive",
-          attributes: {},
-          path: ["form", "color", "switch", "fg-active"],
-        },
-        "fg-activedisabled": {
-          $type: "color",
-          $value: "#000000",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.inactive.contentAlt}",
-          },
-          name: "formColorSwitchFgActivedisabled",
-          attributes: {},
-          path: ["form", "color", "switch", "fg-activedisabled"],
-        },
-        "fg-disabled": {
-          $type: "color",
-          $value: "#4b4b4b",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.inactive.default}",
-          },
-          name: "formColorSwitchFgDisabled",
-          attributes: {},
-          path: ["form", "color", "switch", "fg-disabled"],
-        },
-        "fg-enabled": {
-          $type: "color",
-          $value: "#ffffff80",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.monochrome.subtle.defaultAlt}",
-          },
-          name: "formColorSwitchFgEnabled",
-          attributes: {},
-          path: ["form", "color", "switch", "fg-enabled"],
-        },
-        "label-active": {
-          $type: "color",
-          $value: "#fffffff2",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.dataEntry.content}",
-          },
-          name: "formColorSwitchLabelActive",
-          attributes: {},
-          path: ["form", "color", "switch", "label-active"],
-        },
-        "label-activedisabled": {
-          $type: "color",
-          $value: "#4b4b4b",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.inactive.default}",
-          },
-          name: "formColorSwitchLabelActivedisabled",
-          attributes: {},
-          path: ["form", "color", "switch", "label-activedisabled"],
-        },
-        "label-disabled": {
-          $type: "color",
-          $value: "#4b4b4b",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.inactive.default}",
-          },
-          name: "formColorSwitchLabelDisabled",
-          attributes: {},
-          path: ["form", "color", "switch", "label-disabled"],
-        },
-        "label-enabled": {
-          $type: "color",
-          $value: "#ffffff8c",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.dataEntry.contentAlt}",
-          },
-          name: "formColorSwitchLabelEnabled",
-          attributes: {},
-          path: ["form", "color", "switch", "label-enabled"],
-        },
-        "icon-enabled": {
-          $type: "color",
-          $value: "#ffffff8c",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.interactive.dataEntry.contentAlt}",
-          },
-          name: "formColorSwitchIconEnabled",
-          attributes: {},
-          path: ["form", "color", "switch", "icon-enabled"],
-        },
-      },
-      validation: {
-        "border-error": {
-          $type: "color",
-          $value: "#E13E53",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.status.negative.default}",
-          },
-          name: "formColorValidationBorderError",
-          attributes: {},
-          path: ["form", "color", "validation", "border-error"],
-        },
-        "bar-error": {
-          $type: "color",
-          $value: "#E13E53",
-          $description: "error bar to left of inputs",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.status.negative.default}",
-            $description: "error bar to left of inputs",
-          },
-          name: "formColorValidationBarError",
-          attributes: {},
-          path: ["form", "color", "validation", "bar-error"],
-        },
-        "bar-warning": {
-          $type: "color",
-          $value: "#E04500",
-          $description: "warning bar to left of inputs",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.status.caution.default}",
-            $description: "warning bar to left of inputs",
-          },
-          name: "formColorValidationBarWarning",
-          attributes: {},
-          path: ["form", "color", "validation", "bar-warning"],
-        },
-        "label-error": {
-          $type: "color",
-          $value: "#E13E53",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.status.negative.text}",
-          },
-          name: "formColorValidationLabelError",
-          attributes: {},
-          path: ["form", "color", "validation", "label-error"],
-        },
-        "label-success": {
-          $type: "color",
-          $value: "#009023",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.status.positive.default}",
-          },
-          name: "formColorValidationLabelSuccess",
-          attributes: {},
-          path: ["form", "color", "validation", "label-success"],
-        },
-        "label-warning": {
-          $type: "color",
-          $value: "#e75b23",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "color",
-            $value: "{modes.color.status.caution.text}",
-          },
-          name: "formColorValidationLabelWarning",
-          attributes: {},
-          path: ["form", "color", "validation", "label-warning"],
-        },
-      },
-    },
-    radius: {
-      none: {
-        $type: "borderRadius",
-        $value: "0",
-        $description: "Text editor (internal corners)",
-        filePath: "data/tokens/components/form.json",
-        isSource: true,
-        original: {
-          $type: "borderRadius",
-          $value: "{global.radius.none}",
-          $description: "Text editor (internal corners)",
-        },
-        name: "formRadiusNone",
-        attributes: {},
-        path: ["form", "radius", "none"],
-      },
-      checkbox: {
-        $type: "borderRadius",
-        $value: 4,
-        $description: "S and M checkbox",
-        filePath: "data/tokens/components/form.json",
-        isSource: true,
-        original: {
-          $type: "borderRadius",
-          $value: "{global.radius.interactive.S}",
-          $description: "S and M checkbox",
-        },
-        name: "formRadiusCheckbox",
-        attributes: {},
-        path: ["form", "radius", "checkbox"],
-      },
-      texteditorfooter: {
-        $type: "borderRadius",
-        $value: 4,
-        $description: "AI text editor footer",
-        filePath: "data/tokens/components/form.json",
-        isSource: true,
-        original: {
-          $type: "borderRadius",
-          $value: "{global.radius.interactive.S}",
-          $description: "AI text editor footer",
-        },
-        name: "formRadiusTexteditorfooter",
-        attributes: {},
-        path: ["form", "radius", "texteditorfooter"],
-      },
-      colorpicker: {
-        $type: "borderRadius",
-        $value: "999",
-        $description: "Color picker (swatch container),  ",
-        filePath: "data/tokens/components/form.json",
-        isSource: true,
-        original: {
-          $type: "borderRadius",
-          $value: "{global.radius.circle}",
-          $description: "Color picker (swatch container),  ",
-        },
-        name: "formRadiusColorpicker",
-        attributes: {},
-        path: ["form", "radius", "colorpicker"],
-      },
-      dropdown: {
-        $type: "borderRadius",
-        $value: 8,
-        $description: "REF POPOVER. Popover container.",
-        filePath: "data/tokens/components/form.json",
-        isSource: true,
-        original: {
-          $type: "borderRadius",
-          $value: "{popover.radius.container}",
-          $description: "REF POPOVER. Popover container.",
-        },
-        name: "formRadiusDropdown",
-        attributes: {},
-        path: ["form", "radius", "dropdown"],
-      },
-      fileupload: {
-        $type: "borderRadius",
-        $value: 8,
-        $description: "File input (file uploads)",
-        filePath: "data/tokens/components/form.json",
-        isSource: true,
-        original: {
-          $type: "borderRadius",
-          $value: "{global.radius.container.M}",
-          $description: "File input (file uploads)",
-        },
-        name: "formRadiusFileupload",
-        attributes: {},
-        path: ["form", "radius", "fileupload"],
-      },
-      fileselector: {
-        $type: "borderRadius",
-        $value: 8,
-        $description: "File preview (file selector asset)",
-        filePath: "data/tokens/components/form.json",
-        isSource: true,
-        original: {
-          $type: "borderRadius",
-          $value: "{global.radius.container.M}",
-          $description: "File preview (file selector asset)",
-        },
-        name: "formRadiusFileselector",
-        attributes: {},
-        path: ["form", "radius", "fileselector"],
-      },
-      input: {
-        $type: "borderRadius",
-        $value: 8,
-        $description:
-          "Date picker input, Date range input, Dropdown select (trigger), Search, File input (draggable area), Text area, Text input",
-        filePath: "data/tokens/components/form.json",
-        isSource: true,
-        original: {
-          $type: "borderRadius",
-          $value: "{global.radius.interactive.M}",
-          $description:
-            "Date picker input, Date range input, Dropdown select (trigger), Search, File input (draggable area), Text area, Text input",
-        },
-        name: "formRadiusInput",
-        attributes: {},
-        path: ["form", "radius", "input"],
-      },
-      radio: {
-        $type: "borderRadius",
-        $value: "999",
-        $description: "Radio button",
-        filePath: "data/tokens/components/form.json",
-        isSource: true,
-        original: {
-          $type: "borderRadius",
-          $value: "{global.radius.circle}",
-          $description: "Radio button",
-        },
-        name: "formRadiusRadio",
-        attributes: {},
-        path: ["form", "radius", "radio"],
-      },
-      switch: {
-        $type: "borderRadius",
-        $value: "999",
-        $description: "Switch container and handle",
-        filePath: "data/tokens/components/form.json",
-        isSource: true,
-        original: {
-          $type: "borderRadius",
-          $value: "{global.radius.circle}",
-          $description: "Switch container and handle",
-        },
-        name: "formRadiusSwitch",
-        attributes: {},
-        path: ["form", "radius", "switch"],
-      },
-      validationbar: {
-        $type: "borderRadius",
-        $value: 2,
-        $description: "Validation bar",
-        filePath: "data/tokens/components/form.json",
-        isSource: true,
-        original: {
-          $type: "borderRadius",
-          $value: "{global.radius.interactive.XS}",
-          $description: "Validation bar",
-        },
-        name: "formRadiusValidationbar",
-        attributes: {},
-        path: ["form", "radius", "validationbar"],
-      },
-      progressivebar: {
-        $type: "borderRadius",
-        $value: 2,
-        $description: "Validation bar",
-        filePath: "data/tokens/components/form.json",
-        isSource: true,
-        original: {
-          $type: "borderRadius",
-          $value: "{global.radius.interactive.XS}",
-          $description: "Validation bar",
-        },
-        name: "formRadiusProgressivebar",
-        attributes: {},
-        path: ["form", "radius", "progressivebar"],
-      },
-      calendar: {
-        none: {
-          $type: "borderRadius",
-          $value: "0",
-          $description: "Calendar (start and end duration)",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "borderRadius",
-            $value: "{global.radius.none}",
-            $description: "Calendar (start and end duration)",
-          },
-          name: "formRadiusCalendarNone",
-          attributes: {},
-          path: ["form", "radius", "calendar", "none"],
-        },
-        date: {
-          $type: "borderRadius",
-          $value: "999",
-          $description: "Calendar date (hover & selected), ",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "borderRadius",
-            $value: "{global.radius.circle}",
-            $description: "Calendar date (hover & selected), ",
-          },
-          name: "formRadiusCalendarDate",
-          attributes: {},
-          path: ["form", "radius", "calendar", "date"],
-        },
-        today: {
-          $type: "borderRadius",
-          $value: 2,
-          $description: "Calendar (today indicator)",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "borderRadius",
-            $value: "{global.radius.container.XS}",
-            $description: "Calendar (today indicator)",
-          },
-          name: "formRadiusCalendarToday",
-          attributes: {},
-          path: ["form", "radius", "calendar", "today"],
-        },
-      },
-      texteditor: {
-        AIcontainer: {
-          $type: "borderRadius",
-          $value: 4,
-          $description: "container for draft with copilot form fields",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "borderRadius",
-            $value: "{global.radius.interactive.S}",
-            $description: "container for draft with copilot form fields",
-          },
-          name: "formRadiusTexteditorAIcontainer",
-          attributes: {},
-          path: ["form", "radius", "texteditor", "AIcontainer"],
-        },
-      },
-    },
-    borderwidth: {
-      colorpicker: {
-        $type: "borderWidth",
-        $value: 1,
-        $description: "swatch border",
-        filePath: "data/tokens/components/form.json",
-        isSource: true,
-        original: {
-          $type: "borderWidth",
-          $value: "{global.borderwidth.XS}",
-          $description: "swatch border",
-        },
-        name: "formBorderwidthColorpicker",
-        attributes: {},
-        path: ["form", "borderwidth", "colorpicker"],
-      },
-      caution: {
-        $type: "borderWidth",
-        $value: 1,
-        $description: "Caution border",
-        filePath: "data/tokens/components/form.json",
-        isSource: true,
-        original: {
-          $type: "borderWidth",
-          $value: "{global.borderwidth.XS}",
-          $description: "Caution border",
-        },
-        name: "formBorderwidthCaution",
-        attributes: {},
-        path: ["form", "borderwidth", "caution"],
-      },
-      dragover: {
-        $type: "borderWidth",
-        $value: 2,
-        $description: "File upload (drag over state)",
-        filePath: "data/tokens/components/form.json",
-        isSource: true,
-        original: {
-          $type: "borderWidth",
-          $value: "{global.borderwidth.S}",
-          $description: "File upload (drag over state)",
-        },
-        name: "formBorderwidthDragover",
-        attributes: {},
-        path: ["form", "borderwidth", "dragover"],
-      },
-      ratingstar: {
-        $type: "borderWidth",
-        $value: 2,
-        $description: "empty rating star border width",
-        filePath: "data/tokens/components/form.json",
-        isSource: true,
-        original: {
-          $type: "borderWidth",
-          $value: "{global.borderwidth.S}",
-          $description: "empty rating star border width",
-        },
-        name: "formBorderwidthRatingstar",
-        attributes: {},
-        path: ["form", "borderwidth", "ratingstar"],
-      },
-      error: {
-        $type: "borderWidth",
-        $value: 2,
-        $description: "Error border",
-        filePath: "data/tokens/components/form.json",
-        isSource: true,
-        original: {
-          $type: "borderWidth",
-          $value: "{global.borderwidth.S}",
-          $description: "Error border",
-        },
-        name: "formBorderwidthError",
-        attributes: {},
-        path: ["form", "borderwidth", "error"],
-      },
-      fileupload: {
-        $type: "borderWidth",
-        $value: 1,
-        $description: "File input (file uploads)",
-        filePath: "data/tokens/components/form.json",
-        isSource: true,
-        original: {
-          $type: "borderWidth",
-          $value: "{global.borderwidth.XS}",
-          $description: "File input (file uploads)",
-        },
-        name: "formBorderwidthFileupload",
-        attributes: {},
-        path: ["form", "borderwidth", "fileupload"],
-      },
-      input: {
-        $type: "borderWidth",
-        $value: 1,
-        $description: "Input border",
-        filePath: "data/tokens/components/form.json",
-        isSource: true,
-        original: {
-          $type: "borderWidth",
-          $value: "{global.borderwidth.XS}",
-          $description: "Input border",
-        },
-        name: "formBorderwidthInput",
-        attributes: {},
-        path: ["form", "borderwidth", "input"],
-      },
-      searchunderline: {
-        $type: "borderWidth",
-        $value: 2,
-        $description: "Search (without button variant)",
-        filePath: "data/tokens/components/form.json",
-        isSource: true,
-        original: {
-          $type: "borderWidth",
-          $value: "{global.borderwidth.S}",
-          $description: "Search (without button variant)",
-        },
-        name: "formBorderwidthSearchunderline",
-        attributes: {},
-        path: ["form", "borderwidth", "searchunderline"],
-      },
-      switch: {
-        $type: "borderWidth",
-        $value: 2,
-        $description: "Switch",
-        filePath: "data/tokens/components/form.json",
-        isSource: true,
-        original: {
-          $type: "borderWidth",
-          $value: "{global.borderwidth.S}",
-          $description: "Switch",
-        },
-        name: "formBorderwidthSwitch",
-        attributes: {},
-        path: ["form", "borderwidth", "switch"],
-      },
-      tile: {
-        $type: "borderWidth",
-        $value: 1,
-        $description: "Tile border",
-        filePath: "data/tokens/components/form.json",
-        isSource: true,
-        original: {
-          $type: "borderWidth",
-          $value: "{global.borderwidth.XS}",
-          $description: "Tile border",
-        },
-        name: "formBorderwidthTile",
-        attributes: {},
-        path: ["form", "borderwidth", "tile"],
-      },
-      calendar: {
-        duration: {
-          $type: "borderWidth",
-          $value: 2,
-          $description: "Calendar (duration date top and bottom borders)",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "borderWidth",
-            $value: "{global.borderwidth.S}",
-            $description: "Calendar (duration date top and bottom borders)",
-          },
-          name: "formBorderwidthCalendarDuration",
-          attributes: {},
-          path: ["form", "borderwidth", "calendar", "duration"],
-        },
-      },
-      divider: {
-        item: {
-          $type: "borderWidth",
-          $value: 1,
-          $description: "Dropdown menu (item divider)",
-          filePath: "data/tokens/components/form.json",
-          isSource: true,
-          original: {
-            $type: "borderWidth",
-            $value: "{global.borderwidth.XS}",
-            $description: "Dropdown menu (item divider)",
-          },
-          name: "formBorderwidthDividerItem",
-          attributes: {},
-          path: ["form", "borderwidth", "divider", "item"],
-        },
-      },
-    },
-    boxshadow: {
-      dropdown: {
-        $type: "boxShadow",
-        $value: [
-          {
-            x: "0",
-            y: "1",
-            blur: "2",
-            spread: "0",
-            color: "#0000001A",
-            type: "dropShadow",
-          },
-          {
-            x: "2",
-            y: "2",
-            blur: "10",
-            spread: "0",
-            color: "#00000033",
-            type: "dropShadow",
-          },
-        ],
-        $description: "REF POPOVER. popover container",
-        filePath: "data/tokens/components/form.json",
-        isSource: true,
-        original: {
-          $type: "boxShadow",
-          $value: "{popover.boxshadow.container}",
-          $description: "REF POPOVER. popover container",
-        },
-        name: "formBoxshadowDropdown",
-        attributes: {},
-        path: ["form", "boxshadow", "dropdown"],
-      },
-    },
-    typography: {
-      adaptive: {
-        label: {
-          S: {
-            $type: "typography",
-            $value: {
-              fontFamily: "Sage UI",
-              fontWeight: "500",
-              lineHeight: 1.5,
-              fontSize: "14px",
-              paragraphSpacing: "0",
-            },
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "typography",
-              $value: "{global.typography.adaptive.component.firm.S}",
-            },
-            name: "formTypographyAdaptiveLabelS",
-            attributes: {},
-            path: ["form", "typography", "adaptive", "label", "S"],
-          },
-          M: {
-            $type: "typography",
-            $value: {
-              fontFamily: "Sage UI",
-              fontWeight: "500",
-              lineHeight: 1.5,
-              fontSize: "14px",
-              paragraphSpacing: "0",
-            },
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "typography",
-              $value: "{global.typography.adaptive.component.firm.M}",
-            },
-            name: "formTypographyAdaptiveLabelM",
-            attributes: {},
-            path: ["form", "typography", "adaptive", "label", "M"],
-          },
-          L: {
-            $type: "typography",
-            $value: {
-              fontFamily: "Sage UI",
-              fontWeight: "500",
-              lineHeight: 1.5,
-              fontSize: "16px",
-              paragraphSpacing: "0",
-            },
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "typography",
-              $value: "{global.typography.adaptive.component.firm.L}",
-            },
-            name: "formTypographyAdaptiveLabelL",
-            attributes: {},
-            path: ["form", "typography", "adaptive", "label", "L"],
-          },
-        },
-        default: {
-          S: {
-            $type: "typography",
-            $value: {
-              fontFamily: "Sage UI",
-              fontWeight: "400",
-              lineHeight: 1.5,
-              fontSize: "14px",
-              paragraphSpacing: "0",
-            },
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "typography",
-              $value: "{global.typography.adaptive.component.moderate.S}",
-            },
-            name: "formTypographyAdaptiveDefaultS",
-            attributes: {},
-            path: ["form", "typography", "adaptive", "default", "S"],
-          },
-          M: {
-            $type: "typography",
-            $value: {
-              fontFamily: "Sage UI",
-              fontWeight: "400",
-              lineHeight: 1.5,
-              fontSize: "14px",
-              paragraphSpacing: "0",
-            },
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "typography",
-              $value: "{global.typography.adaptive.component.moderate.M}",
-            },
-            name: "formTypographyAdaptiveDefaultM",
-            attributes: {},
-            path: ["form", "typography", "adaptive", "default", "M"],
-          },
-          L: {
-            $type: "typography",
-            $value: {
-              fontFamily: "Sage UI",
-              fontWeight: "400",
-              lineHeight: 1.5,
-              fontSize: "16px",
-              paragraphSpacing: "0",
-            },
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "typography",
-              $value: "{global.typography.adaptive.component.moderate.L}",
-            },
-            name: "formTypographyAdaptiveDefaultL",
-            attributes: {},
-            path: ["form", "typography", "adaptive", "default", "L"],
-          },
-        },
-      },
-      responsive: {
-        label: {
-          S: {
-            $type: "typography",
-            $value: {
-              fontFamily: "Sage UI",
-              fontWeight: "500",
-              lineHeight: 1.5,
-              fontSize: "clamp(0.875rem, 0.875rem + 0vw, 0.875rem)",
-              paragraphSpacing: "0",
-            },
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "typography",
-              $value: "{global.typography.responsive.component.firm.S}",
-            },
-            name: "formTypographyResponsiveLabelS",
-            attributes: {},
-            path: ["form", "typography", "responsive", "label", "S"],
-          },
-          M: {
-            $type: "typography",
-            $value: {
-              fontFamily: "Sage UI",
-              fontWeight: "500",
-              lineHeight: 1.5,
-              fontSize: "clamp(0.875rem, 0.875rem + 0vw, 0.875rem)",
-              paragraphSpacing: "0",
-            },
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "typography",
-              $value: "{global.typography.responsive.component.firm.M}",
-            },
-            name: "formTypographyResponsiveLabelM",
-            attributes: {},
-            path: ["form", "typography", "responsive", "label", "M"],
-          },
-          L: {
-            $type: "typography",
-            $value: {
-              fontFamily: "Sage UI",
-              fontWeight: "500",
-              lineHeight: 1.5,
-              fontSize: "clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)",
-              paragraphSpacing: "0",
-            },
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "typography",
-              $value: "{global.typography.responsive.component.firm.L}",
-            },
-            name: "formTypographyResponsiveLabelL",
-            attributes: {},
-            path: ["form", "typography", "responsive", "label", "L"],
-          },
-        },
-        default: {
-          S: {
-            $type: "typography",
-            $value: {
-              fontFamily: "Sage UI",
-              fontWeight: "400",
-              lineHeight: 1.5,
-              fontSize: "clamp(0.875rem, 0.875rem + 0vw, 0.875rem)",
-              paragraphSpacing: "0",
-            },
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "typography",
-              $value: "{global.typography.responsive.component.moderate.S}",
-            },
-            name: "formTypographyResponsiveDefaultS",
-            attributes: {},
-            path: ["form", "typography", "responsive", "default", "S"],
-          },
-          M: {
-            $type: "typography",
-            $value: {
-              fontFamily: "Sage UI",
-              fontWeight: "400",
-              lineHeight: 1.5,
-              fontSize: "clamp(0.875rem, 0.875rem + 0vw, 0.875rem)",
-              paragraphSpacing: "0",
-            },
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "typography",
-              $value: "{global.typography.responsive.component.moderate.M}",
-            },
-            name: "formTypographyResponsiveDefaultM",
-            attributes: {},
-            path: ["form", "typography", "responsive", "default", "M"],
-          },
-          L: {
-            $type: "typography",
-            $value: {
-              fontFamily: "Sage UI",
-              fontWeight: "400",
-              lineHeight: 1.5,
-              fontSize: "clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)",
-              paragraphSpacing: "0",
-            },
-            filePath: "data/tokens/components/form.json",
-            isSource: true,
-            original: {
-              $type: "typography",
-              $value: "{global.typography.responsive.component.moderate.L}",
-            },
-            name: "formTypographyResponsiveDefaultL",
-            attributes: {},
-            path: ["form", "typography", "responsive", "default", "L"],
-          },
-        },
-      },
-    },
-  },
-};