@sage/design-tokens 14.9.1 → 15.1.0

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

@@ -1,709 +0,0 @@
-{
-  "button": {
-    "size": {
-      "split": 2,
-      "XS": 24,
-      "S": 32,
-      "M": 40,
-      "L": 48,
-      "toggle": {
-        "XS": 24,
-        "S": 32,
-        "M": 40,
-        "L": 48
-      },
-      "icon": {
-        "S": 16,
-        "M": 20
-      },
-      "video": {
-        "S": 40,
-        "M": 64,
-        "L": 80
-      }
-    },
-    "space": {
-      "none": "0",
-      "bar": {
-        "iconbutton": {
-          "x": {
-            "inner": {
-              "M": 10,
-              "L": "14px"
-            },
-            "outer": {
-              "M": "14px",
-              "L": 20
-            }
-          }
-        }
-      },
-      "FAB": {
-        "child": {
-          "x": {
-            "M": 8,
-            "L": 16
-          }
-        },
-        "parent": {
-          "x": {
-            "M": 16
-          },
-          "xg": {
-            "M": 12
-          },
-          "y": {
-            "M": 16
-          }
-        }
-      },
-      "layout": {
-        "x": {
-          "XS": 8,
-          "S": 16,
-          "M": 24,
-          "L": 32
-        },
-        "y": {
-          "XS": 8,
-          "S": 16,
-          "M": 24,
-          "L": 32
-        },
-        "xg": {
-          "S": 8,
-          "M": 12,
-          "L": 16
-        },
-        "yg": {
-          "S": 8,
-          "M": 12,
-          "L": 16
-        }
-      },
-      "primary": {
-        "x": {
-          "S": 12,
-          "M": 16,
-          "L": 20
-        },
-        "xg": {
-          "S": 8,
-          "M": 8,
-          "L": 8
-        },
-        "y": {
-          "S": 4,
-          "M": 8,
-          "L": 9.5
-        },
-        "icononly": {
-          "x": {
-            "S": 6,
-            "M": 10,
-            "L": 14
-          },
-          "y": {
-            "S": 6,
-            "M": 10,
-            "L": 14
-          }
-        }
-      },
-      "secondary": {
-        "x": {
-          "XS": 8,
-          "S": 12,
-          "M": 16,
-          "L": 20
-        },
-        "y": {
-          "XS": 1.5,
-          "S": 4,
-          "M": 8,
-          "L": 9.5
-        },
-        "xg": {
-          "XS": 4,
-          "S": 8,
-          "M": 8,
-          "L": 8
-        },
-        "icononly": {
-          "x": {
-            "XS": 4,
-            "S": 6,
-            "M": 10,
-            "L": 14
-          },
-          "y": {
-            "XS": 4,
-            "S": 6,
-            "M": 10,
-            "L": 14
-          }
-        }
-      },
-      "tertiary": {
-        "y": {
-          "XS": 1.5,
-          "S": 4,
-          "M": 8,
-          "L": 9.5
-        },
-        "x": {
-          "XS": 8,
-          "S": 12,
-          "M": 16,
-          "L": 20
-        },
-        "xg": {
-          "XS": 4,
-          "S": 8,
-          "M": 8,
-          "L": 8
-        },
-        "icononly": {
-          "x": {
-            "XS": 4,
-            "S": 6,
-            "M": 10,
-            "L": 14
-          },
-          "y": {
-            "XS": 4,
-            "S": 6,
-            "M": 10,
-            "L": 14
-          }
-        }
-      },
-      "subtle": {
-        "y": {
-          "XS": 1.5,
-          "S": 4,
-          "M": 8,
-          "L": 9.5
-        },
-        "x": {
-          "XS": 8,
-          "S": 8,
-          "M": 8,
-          "L": 8
-        },
-        "xg": {
-          "XS": 4,
-          "S": 4,
-          "M": 4,
-          "L": 4
-        },
-        "icononly": {
-          "x": {
-            "XS": 4,
-            "S": 6,
-            "M": 10,
-            "L": 14
-          },
-          "y": {
-            "XS": 4,
-            "S": 6,
-            "M": 10,
-            "L": 14
-          }
-        }
-      },
-      "toggle": {
-        "button": {
-          "x": {
-            "XS": 8,
-            "S": 12,
-            "M": 16,
-            "L": 20
-          },
-          "xg": {
-            "S": 8,
-            "M": 8,
-            "L": 8
-          },
-          "y": {
-            "XS": 1.5,
-            "S": 4,
-            "M": 8,
-            "L": 9.5
-          }
-        },
-        "container": {
-          "x": {
-            "S": 4,
-            "M": 4,
-            "L": 4
-          },
-          "xg": {
-            "S": 8,
-            "M": 8,
-            "L": 8
-          },
-          "y": {
-            "S": 4,
-            "M": 4,
-            "L": 4
-          },
-          "yg": {
-            "S": 8,
-            "M": 8,
-            "L": 8
-          }
-        }
-      },
-      "video": {
-        "x": {
-          "S": 2,
-          "M": 2,
-          "L": 2
-        }
-      }
-    },
-    "color": {
-      "none": "#fff0",
-      "ai": {
-        "bg-active": "linear-gradient(90deg, #13A03826 0%, #14919726 40%, #a87cfb26 90%)",
-        "bg-hover": "linear-gradient(90deg, #13A03814 0%, #14919714 40%, #a87cfb14 90%)",
-        "border-active": "linear-gradient(90deg, #13A038 0%, #149197 40%, #A87CFB 90%)",
-        "border-disabled": "#a6a6a6",
-        "border-enabled": "linear-gradient(90deg, #13A038 0%, #149197 40%, #A87CFB 90%)",
-        "border-hover": "linear-gradient(90deg, #13A038 0%, #149197 40%, #A87CFB 90%)",
-        "label-active": "#000000",
-        "label-disabled": "#0000006b",
-        "label-enabled": "#000000e6",
-        "label-hover": "#000000"
-      },
-      "destructive": {
-        "primary": {
-          "bg-disabled": "#a6a6a6",
-          "bg-enabled": "#CD384B",
-          "bg-hover": "#ac3240",
-          "label-disabled": "#FFFFFF",
-          "label-enabled": "#FFFFFF",
-          "label-hover": "#FFFFFF"
-        },
-        "secondary": {
-          "bg-hover": "#cd384b1a",
-          "border-disabled": "#a6a6a6",
-          "border-enabled": "#CD384B",
-          "border-hover": "#ac3240",
-          "label-disabled": "#0000006b",
-          "label-enabled": "#CD384B",
-          "label-hover": "#ac3240"
-        }
-      },
-      "typical": {
-        "primary": {
-          "bg-active": "#13591a",
-          "bg-default": "#FFFFFF",
-          "bg-disabled": "#a6a6a6",
-          "bg-enabled": "#00811F",
-          "bg-hover": "#0e6d1d",
-          "label-active": "#FFFFFF",
-          "label-disabled": "#FFFFFF",
-          "label-enabled": "#FFFFFF",
-          "label-hover": "#FFFFFF",
-          "inverse": {
-            "bg-active": "#7ce47a",
-            "bg-default": "#000000",
-            "bg-disabled": "#4b4b4b",
-            "bg-enabled": "#00D639",
-            "bg-hover": "#55dd5b",
-            "label-active": "#000000",
-            "label-disabled": "#000000",
-            "label-enabled": "#000000",
-            "label-hover": "#000000"
-          }
-        },
-        "secondary": {
-          "bg-active": "#00811f4d",
-          "bg-enabled": "#00811f08",
-          "bg-hover": "#00811f1a",
-          "border-active": "#13591a",
-          "border-disabled": "#a6a6a6",
-          "border-enabled": "#00811fcc",
-          "border-hover": "#0e6d1d",
-          "label-active": "#000000",
-          "label-disabled": "#0000006b",
-          "label-enabled": "#000000e6",
-          "label-hover": "#000000",
-          "inverse": {
-            "bg-active": "#00d6394d",
-            "bg-enabled": "#00d63908",
-            "bg-hover": "#00d6391a",
-            "border-active": "#7ce47a",
-            "border-disabled": "#4b4b4b",
-            "border-enabled": "#00d639cc",
-            "border-hover": "#55dd5b",
-            "label-active": "#FFFFFF",
-            "label-disabled": "#ffffff6b",
-            "label-enabled": "#ffffffe6",
-            "label-hover": "#FFFFFF"
-          }
-        },
-        "tertiary": {
-          "bg-active": "#00811f4d",
-          "bg-enabled": "#fff0",
-          "bg-hover": "#00811f1a",
-          "border-active": "#13591a",
-          "border-disabled": "#a6a6a6",
-          "border-enabled": "#00811fcc",
-          "border-hover": "#0e6d1d",
-          "label-active": "#000000",
-          "label-disabled": "#0000006b",
-          "label-enabled": "#000000e6",
-          "label-hover": "#000000",
-          "inverse": {
-            "bg-active": "#00d6394d",
-            "bg-enabled": "#fff0",
-            "bg-hover": "#00d6391a",
-            "border-active": "#7ce47a",
-            "border-disabled": "#4b4b4b",
-            "border-enabled": "#00d639cc",
-            "border-hover": "#55dd5b",
-            "label-active": "#FFFFFF",
-            "label-disabled": "#ffffff6b",
-            "label-enabled": "#ffffffe6",
-            "label-hover": "#FFFFFF"
-          }
-        },
-        "subtle": {
-          "bg-active": "#00000026",
-          "bg-hover": "#0000001a",
-          "label-active": "#000000",
-          "label-disabled": "#0000006b",
-          "label-enabled": "#000000e6",
-          "label-hover": "#000000",
-          "inverse": {
-            "bg-active": "#ffffff26",
-            "bg-hover": "#ffffff1a",
-            "label-active": "#FFFFFF",
-            "label-disabled": "#ffffff6b",
-            "label-enabled": "#ffffffe6",
-            "label-hover": "#FFFFFF"
-          }
-        },
-        "toggle": {
-          "bg-activeDisabled": "#a6a6a6",
-          "label-activeDisabled": "#FFFFFF",
-          "bg-active": "#000000",
-          "bg-hover": "#0000001a",
-          "border-enabled": "#000000e6",
-          "border-disabled": "#a6a6a6",
-          "label-active": "#FFFFFF",
-          "label-disabled": "#0000006b",
-          "label-enabled": "#000000ab",
-          "label-hover": "#000000"
-        }
-      },
-      "video": {
-        "bg-blur": "#0000001a",
-        "primary": {
-          "bg-enabled": "#FFFFFF",
-          "bg-hover": "#FFFFFF",
-          "label-enabled": "#000000e6",
-          "label-hover": "#000000e6"
-        },
-        "secondary": {
-          "bg-hover": "#FFFFFF",
-          "border-enabled": "#FFFFFF",
-          "border-hover": "#FFFFFF",
-          "label-enabled": "#FFFFFF",
-          "label-hover": "#000000e6"
-        }
-      }
-    },
-    "radius": {
-      "none": "0",
-      "S": 16,
-      "M": 20,
-      "L": 24,
-      "chip": 8,
-      "FAB": "999",
-      "primary": {
-        "S": 16,
-        "M": 20,
-        "L": 24
-      },
-      "secondary": {
-        "XS": 12,
-        "S": 16,
-        "M": 20,
-        "L": 24
-      },
-      "tertiary": {
-        "XS": 12,
-        "S": 16,
-        "M": 20,
-        "L": 24
-      },
-      "subtle": {
-        "XS": 12,
-        "S": 16,
-        "M": 20,
-        "L": 24
-      },
-      "toggle": {
-        "button": {
-          "XS": 12,
-          "S": 16,
-          "M": 20,
-          "L": 24
-        },
-        "container": {
-          "S": 16,
-          "M": 20,
-          "L": 24
-        }
-      }
-    },
-    "borderwidth": {
-      "none": "0",
-      "chip": 1,
-      "primary": "0",
-      "secondary": 2,
-      "tertiary": 1,
-      "tertiarymarketing": "0",
-      "togglecontainer": 1
-    },
-    "dimension": {
-      "video": "40px"
-    },
-    "typography": {
-      "adaptive": {
-        "primary": {
-          "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"
-          }
-        },
-        "secondary": {
-          "XS": {
-            "fontFamily": "Sage UI",
-            "fontWeight": "500",
-            "lineHeight": 1.5,
-            "fontSize": "14px",
-            "paragraphSpacing": "0"
-          },
-          "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"
-          }
-        },
-        "subtle": {
-          "XS": {
-            "fontFamily": "Sage UI",
-            "fontWeight": "500",
-            "lineHeight": 1.5,
-            "fontSize": "14px",
-            "paragraphSpacing": "0"
-          },
-          "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"
-          }
-        },
-        "tertiary": {
-          "XS": {
-            "fontFamily": "Sage UI",
-            "fontWeight": "500",
-            "lineHeight": 1.5,
-            "fontSize": "14px",
-            "paragraphSpacing": "0"
-          },
-          "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"
-          }
-        }
-      },
-      "responsive": {
-        "primary": {
-          "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"
-          }
-        },
-        "secondary": {
-          "XS": {
-            "fontFamily": "Sage UI",
-            "fontWeight": "500",
-            "lineHeight": 1.5,
-            "fontSize": "clamp(0.875rem, 0.875rem + 0vw, 0.875rem)",
-            "paragraphSpacing": "0"
-          },
-          "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"
-          }
-        },
-        "subtle": {
-          "XS": {
-            "fontFamily": "Sage UI",
-            "fontWeight": "500",
-            "lineHeight": 1.5,
-            "fontSize": "clamp(0.875rem, 0.875rem + 0vw, 0.875rem)",
-            "paragraphSpacing": "0"
-          },
-          "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"
-          }
-        },
-        "tertiary": {
-          "XS": {
-            "fontFamily": "Sage UI",
-            "fontWeight": "500",
-            "lineHeight": 1.5,
-            "fontSize": "clamp(0.875rem, 0.875rem + 0vw, 0.875rem)",
-            "paragraphSpacing": "0"
-          },
-          "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"
-          }
-        }
-      }
-    }
-  }
-}