@sage/design-tokens 14.9.1 → 15.0.0

package/json/nested/marketing/large/light/components/form.json

@@ -1,657 +0,0 @@
-{
-  "form": {
-    "space": {
-      "none": 0,
-      "calendar": {
-        "x": {
-          "M": 24
-        },
-        "y": {
-          "M": 24
-        },
-        "yg": {
-          "M": 8
-        }
-      },
-      "chip": {
-        "xg": {
-          "M": 8,
-          "L": 12
-        },
-        "yg": {
-          "M": 8,
-          "L": 12
-        }
-      },
-      "checkradio": {
-        "y": {
-          "S": 3,
-          "M": 2,
-          "L": 4
-        }
-      },
-      "datepicker": {
-        "pr": {
-          "S": "0",
-          "M": "0",
-          "L": "0"
-        }
-      },
-      "dropdown": {
-        "button": {
-          "x": {
-            "S": 20,
-            "M": 20,
-            "L": 20
-          }
-        },
-        "heading": {
-          "pr": {
-            "S": 12,
-            "M": 12,
-            "L": 12
-          },
-          "pt": {
-            "S": 12,
-            "M": 12,
-            "L": 12
-          },
-          "pl": {
-            "S": 20,
-            "M": 20,
-            "L": 20
-          }
-        },
-        "menu": {
-          "y": {
-            "S": 6,
-            "M": 8,
-            "L": 12
-          },
-          "x": {
-            "S": 20,
-            "M": 20,
-            "L": 20
-          }
-        },
-        "option": {
-          "x": {
-            "S": 12,
-            "M": 12,
-            "L": 12
-          },
-          "xg": {
-            "S": 2,
-            "M": 4,
-            "L": 4
-          },
-          "y": {
-            "S": 4,
-            "M": 8,
-            "L": 10
-          },
-          "colorpicker": {
-            "xg": {
-              "S": 4,
-              "M": 8,
-              "L": 12
-            }
-          },
-          "subtext": {
-            "x": {
-              "S": 20,
-              "M": 20,
-              "L": 20
-            },
-            "y": {
-              "S": 2,
-              "M": 4,
-              "L": 4
-            }
-          }
-        },
-        "pill": {
-          "xg": {
-            "S": 4,
-            "M": 4,
-            "L": 4
-          }
-        },
-        "trigger": {
-          "subtle": {
-            "S": 4,
-            "M": 4,
-            "L": 4
-          }
-        }
-      },
-      "fileinput": {
-        "status": {
-          "xl": {
-            "M": 28
-          },
-          "y": {
-            "M": 4
-          }
-        },
-        "thumbnail": {
-          "M": 4
-        },
-        "preview": {
-          "x": {
-            "M": 12
-          },
-          "y": {
-            "M": 8
-          }
-        },
-        "dropzone": {
-          "x": {
-            "M": 24
-          },
-          "y": {
-            "M": 24
-          },
-          "yg": {
-            "M": 12
-          }
-        }
-      },
-      "input": {
-        "button": {
-          "x": {
-            "S": 8,
-            "M": 12,
-            "L": 16
-          }
-        },
-        "stack": {
-          "S": 16,
-          "M": 20,
-          "L": 24
-        },
-        "x": {
-          "S": 8,
-          "M": 12,
-          "L": 16
-        },
-        "xg": {
-          "S": 16,
-          "M": 20,
-          "L": 24
-        },
-        "y": {
-          "S": 4,
-          "M": 8,
-          "L": 10
-        },
-        "yg": {
-          "S": 8,
-          "M": 12,
-          "L": 16
-        }
-      },
-      "integral": {
-        "secondarylabel": 4,
-        "xg": {
-          "S": 6,
-          "M": 8,
-          "L": 10
-        },
-        "yg": {
-          "S": 6,
-          "M": 8,
-          "L": 10
-        },
-        "progressive": {
-          "x": {
-            "S": 22,
-            "M": 32,
-            "L": 42
-          },
-          "y": {
-            "S": 8,
-            "M": 12,
-            "L": 16
-          },
-          "yg": {
-            "S": 8,
-            "M": 12,
-            "L": 16
-          }
-        }
-      },
-      "rating": {
-        "xg": {
-          "M": 8,
-          "L": 12
-        }
-      },
-      "layout": {
-        "stack": {
-          "S": 16,
-          "M": 20,
-          "L": 24
-        }
-      },
-      "switch": {
-        "xg": {
-          "M": 4,
-          "L": 6
-        },
-        "handleside": {
-          "M": 4,
-          "L": 6
-        },
-        "labelside": {
-          "M": 8,
-          "L": 12
-        }
-      },
-      "texteditor": {
-        "y": {
-          "S": 8,
-          "M": 12,
-          "L": 16
-        },
-        "yg": {
-          "S": 4,
-          "M": 8,
-          "L": 10
-        },
-        "x": {
-          "S": 8,
-          "M": 12,
-          "L": 16
-        },
-        "processing": {
-          "y": {
-            "S": 24,
-            "M": 32,
-            "L": 40
-          },
-          "yg": {
-            "S": 12,
-            "M": 16,
-            "L": 24
-          },
-          "x": {
-            "S": 24,
-            "M": 32,
-            "L": 40
-          }
-        }
-      },
-      "password": {
-        "requirement": {
-          "xg": {
-            "S": 6,
-            "M": 8,
-            "L": 10
-          },
-          "x": {
-            "S": 2,
-            "M": 4,
-            "L": 4
-          },
-          "y": {
-            "S": 2,
-            "M": 4,
-            "L": 4
-          }
-        }
-      }
-    },
-    "size": {
-      "none": 0,
-      "calendar": {
-        "date": 40,
-        "day": 40,
-        "month": 160,
-        "year": 72,
-        "today": {
-          "width": 16,
-          "height": 4
-        }
-      },
-      "checkbox": {
-        "S": 16,
-        "M": 24,
-        "L": 32
-      },
-      "dropdown": {
-        "colorpicker": {
-          "S": 24,
-          "M": 24,
-          "L": 28,
-          "input": {
-            "minwidth": 200
-          }
-        },
-        "item": {
-          "S": 32,
-          "M": 40,
-          "L": 48
-        },
-        "subtle": {
-          "S": 80,
-          "M": 80,
-          "L": 80
-        }
-      },
-      "fileinput": {
-        "fileicon": 32,
-        "preview": 72
-      },
-      "icon": {
-        "S": 16,
-        "M": 20,
-        "L": 24
-      },
-      "input": {
-        "S": 32,
-        "M": 40,
-        "L": 48,
-        "timeinput": {
-          "S": 34,
-          "M": 44,
-          "L": 56
-        }
-      },
-      "radio": {
-        "circle": {
-          "S": 16,
-          "M": 24,
-          "L": 32
-        },
-        "dot": {
-          "S": 8,
-          "M": 12,
-          "L": 16
-        }
-      },
-      "switch": {
-        "container": {
-          "height": {
-            "M": 24,
-            "L": 40
-          },
-          "width": {
-            "M": 40,
-            "L": 72
-          }
-        },
-        "handle": {
-          "M": 16,
-          "L": 28,
-          "icon": {
-            "M": 12,
-            "L": 20
-          }
-        }
-      },
-      "search": {
-        "input": {
-          "minwidth": 288,
-          "maxwidth": 400
-        }
-      },
-      "textarea": {
-        "M": 80
-      },
-      "validation": {
-        "bar": 2
-      },
-      "progressive": {
-        "bar": 2
-      },
-      "rating": {
-        "M": 20,
-        "L": 32
-      }
-    },
-    "color": {
-      "calendar": {
-        "bg-active": "#000000",
-        "bg-disabled": "#f3f3f3",
-        "bg-duration": "#e2e2e2",
-        "bg-hover": "#0000001a",
-        "border-duration": "#000000",
-        "text-active": "#FFFFFF",
-        "text-alt": "#0000008c",
-        "text-disabled": "#0000006b",
-        "text-duration": "#000000f2",
-        "text-enabled": "#000000f2",
-        "text-hover": "#000000",
-        "textAlt-enabled": "#0000008c"
-      },
-      "dropdown": {
-        "bg-hover": "#0000001a",
-        "label-active": "#FFFFFF",
-        "label-alt": "#000000e6",
-        "label-disabled": "#0000006b",
-        "label-enabled": "#000000ab",
-        "label-hover": "#000000"
-      },
-      "labelset": {
-        "label-required": "#CD384B",
-        "label-default": "#000000f2",
-        "label-alt": "#0000008c",
-        "label-disabled": "#0000006b",
-        "label-readOnly": "#000000f2"
-      },
-      "typical": {
-        "bg-alt": "#f3f3f3",
-        "bg-disabled": "#f3f3f3",
-        "bg-default": "#FFFFFF",
-        "bg-enabled": "#FFFFFF",
-        "bg-hover": "#e2e2e2",
-        "bg-readOnly": "#f3f3f3",
-        "border-alt": "#a6a6a6",
-        "border-enabled": "#777",
-        "border-disabled": "#a6a6a6",
-        "border-hover": "#000000",
-        "border-readOnly": "#a6a6a6",
-        "icon-active": "#000000",
-        "icon-default": "#000000f2",
-        "icon-disabled": "#00000052",
-        "icon-enabled": "#000000f2",
-        "icon-hover": "#000000",
-        "icon-readOnly": "#0000008c",
-        "iconAlt-active": "#FFFFFF",
-        "text-active": "#000000f2",
-        "text-alt": "#0000008c",
-        "text-default": "#000000f2",
-        "text-disabled": "#0000006b",
-        "text-enabled": "#000000f2",
-        "text-hover": "#000000",
-        "text-readOnly": "#000000f2"
-      },
-      "switch": {
-        "bg-active": "#000000",
-        "bg-activedisabled": "#a6a6a6",
-        "bg-disabled": "#f3f3f3",
-        "bg-enabled": "#FFFFFF",
-        "border-active": "transparent",
-        "border-activedisabled": "transparent",
-        "border-disabled": "#a6a6a6",
-        "border-enabled": "#00000080",
-        "fg-active": "#FFFFFF",
-        "fg-activedisabled": "#FFFFFF",
-        "fg-disabled": "#a6a6a6",
-        "fg-enabled": "#00000080",
-        "label-active": "#000000f2",
-        "label-activedisabled": "#a6a6a6",
-        "label-disabled": "#a6a6a6",
-        "label-enabled": "#0000008c",
-        "icon-enabled": "#0000008c"
-      },
-      "validation": {
-        "border-error": "#CD384B",
-        "bar-error": "#CD384B",
-        "bar-warning": "#D64309",
-        "label-error": "#CD384B",
-        "label-success": "#00811F",
-        "label-warning": "#bf3e0c"
-      }
-    },
-    "radius": {
-      "none": "0",
-      "checkbox": 4,
-      "texteditorfooter": 4,
-      "colorpicker": "999",
-      "dropdown": 8,
-      "fileupload": 8,
-      "fileselector": 8,
-      "input": 8,
-      "radio": "999",
-      "switch": "999",
-      "validationbar": 2,
-      "progressivebar": 2,
-      "calendar": {
-        "none": "0",
-        "date": "999",
-        "today": 2
-      },
-      "texteditor": {
-        "AIcontainer": 4
-      }
-    },
-    "borderwidth": {
-      "colorpicker": 1,
-      "caution": 1,
-      "dragover": 2,
-      "ratingstar": 2,
-      "error": 2,
-      "fileupload": 1,
-      "input": 1,
-      "searchunderline": 2,
-      "switch": 2,
-      "tile": 1,
-      "calendar": {
-        "duration": 2
-      },
-      "divider": {
-        "item": 1
-      }
-    },
-    "boxshadow": {
-      "dropdown": [
-        {
-          "x": "0",
-          "y": "1",
-          "blur": "2",
-          "spread": "0",
-          "color": "#0000001A",
-          "type": "dropShadow"
-        },
-        {
-          "x": "2",
-          "y": "2",
-          "blur": "10",
-          "spread": "0",
-          "color": "#00000033",
-          "type": "dropShadow"
-        }
-      ]
-    },
-    "typography": {
-      "adaptive": {
-        "label": {
-          "S": {
-            "fontFamily": "Sage UI",
-            "fontWeight": "500",
-            "lineHeight": 1.5,
-            "fontSize": "14px",
-            "paragraphSpacing": "0"
-          },
-          "M": {
-            "fontFamily": "Sage UI",
-            "fontWeight": "500",
-            "lineHeight": 1.5,
-            "fontSize": "14px",
-            "paragraphSpacing": "0"
-          },
-          "L": {
-            "fontFamily": "Sage UI",
-            "fontWeight": "500",
-            "lineHeight": 1.5,
-            "fontSize": "16px",
-            "paragraphSpacing": "0"
-          }
-        },
-        "default": {
-          "S": {
-            "fontFamily": "Sage UI",
-            "fontWeight": "400",
-            "lineHeight": 1.5,
-            "fontSize": "14px",
-            "paragraphSpacing": "0"
-          },
-          "M": {
-            "fontFamily": "Sage UI",
-            "fontWeight": "400",
-            "lineHeight": 1.5,
-            "fontSize": "14px",
-            "paragraphSpacing": "0"
-          },
-          "L": {
-            "fontFamily": "Sage UI",
-            "fontWeight": "400",
-            "lineHeight": 1.5,
-            "fontSize": "16px",
-            "paragraphSpacing": "0"
-          }
-        }
-      },
-      "responsive": {
-        "label": {
-          "S": {
-            "fontFamily": "Sage UI",
-            "fontWeight": "500",
-            "lineHeight": 1.5,
-            "fontSize": "clamp(0.875rem, 0.875rem + 0vw, 0.875rem)",
-            "paragraphSpacing": "0"
-          },
-          "M": {
-            "fontFamily": "Sage UI",
-            "fontWeight": "500",
-            "lineHeight": 1.5,
-            "fontSize": "clamp(0.875rem, 0.875rem + 0vw, 0.875rem)",
-            "paragraphSpacing": "0"
-          },
-          "L": {
-            "fontFamily": "Sage UI",
-            "fontWeight": "500",
-            "lineHeight": 1.5,
-            "fontSize": "clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)",
-            "paragraphSpacing": "0"
-          }
-        },
-        "default": {
-          "S": {
-            "fontFamily": "Sage UI",
-            "fontWeight": "400",
-            "lineHeight": 1.5,
-            "fontSize": "clamp(0.875rem, 0.875rem + 0vw, 0.875rem)",
-            "paragraphSpacing": "0"
-          },
-          "M": {
-            "fontFamily": "Sage UI",
-            "fontWeight": "400",
-            "lineHeight": 1.5,
-            "fontSize": "clamp(0.875rem, 0.875rem + 0vw, 0.875rem)",
-            "paragraphSpacing": "0"
-          },
-          "L": {
-            "fontFamily": "Sage UI",
-            "fontWeight": "400",
-            "lineHeight": 1.5,
-            "fontSize": "clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)",
-            "paragraphSpacing": "0"
-          }
-        }
-      }
-    }
-  }
-}