@sage/design-tokens 14.9.1 → 15.0.0

package/json/nested/marketing/small/dark/components/status.json

@@ -1,495 +0,0 @@
-{
-  "status": {
-    "color": {
-      "none": "#fff0",
-      "message": {
-        "contextual": {
-          "bg": "#000000",
-          "icon": "#000000",
-          "icon-alt": "#7C7C7C",
-          "text": "#FFFFFF",
-          "AI": {
-            "bg-default": "#FFFFFF",
-            "bgAlt": "#171717",
-            "border-default": "#FFFFFF"
-          },
-          "callout": {
-            "bgAlt": "#122211",
-            "icon": "#fffffff2"
-          },
-          "error": {
-            "bg-default": "#E13E53",
-            "bgAlt": "#241212",
-            "border-default": "#E13E53",
-            "icon": "#E13E53"
-          },
-          "info": {
-            "bg-default": "#007ED9",
-            "bgAlt": "#111722",
-            "border-default": "#007ED9",
-            "icon": "#007ED9"
-          },
-          "success": {
-            "bg-default": "#009023",
-            "bgAlt": "#0e1a0b",
-            "border-default": "#009023",
-            "icon": "#009023"
-          },
-          "warning": {
-            "bg-default": "#E04500",
-            "bgAlt": "#251206",
-            "border-default": "#E04500",
-            "icon": "#E04500"
-          }
-        },
-        "global": {
-          "label-default": "#fffffff2",
-          "label-hover": "#FFFFFF",
-          "callout": {
-            "bg-default": "#122211",
-            "bg-hover": "#263525",
-            "icon": "#fffffff2"
-          },
-          "info": {
-            "bg-default": "#111722",
-            "bg-hover": "#17253a",
-            "icon": "#007ED9"
-          },
-          "warning": {
-            "bg-default": "#251206",
-            "bg-hover": "#3e1a0b",
-            "icon": "#E04500"
-          }
-        }
-      },
-      "pill": {
-        "custom": {
-          "blue": {
-            "bg-default": "#007FD9",
-            "bgAlt-default": "#0d1219",
-            "bgAlt-hover": "#142131",
-            "bg-hover": "#4f91df",
-            "border-default": "#007FD9"
-          },
-          "teal": {
-            "bg-default": "#008A89",
-            "bgAlt-default": "#0a1313",
-            "bgAlt-hover": "#082427",
-            "bg-hover": "#449b9a",
-            "border-default": "#008A89"
-          },
-          "green": {
-            "bg-default": "#009023",
-            "bgAlt-default": "#0a1408",
-            "bgAlt-hover": "#0b2418",
-            "bg-hover": "#44a146",
-            "border-default": "#009023"
-          },
-          "lime": {
-            "bg-default": "#6E8500",
-            "bgAlt-default": "#111205",
-            "bgAlt-hover": "#162311",
-            "bg-hover": "#859635",
-            "border-default": "#6E8500"
-          },
-          "orange": {
-            "bg-default": "#DB4B00",
-            "bgAlt-default": "#1c0e04",
-            "bgAlt-hover": "#331816",
-            "bg-hover": "#e66930",
-            "border-default": "#DB4B00"
-          },
-          "red": {
-            "bg-default": "#F50058",
-            "bgAlt-default": "#1e0d0d",
-            "bgAlt-hover": "#331720",
-            "bg-hover": "#fc4e6e",
-            "border-default": "#F50058"
-          },
-          "pink": {
-            "bg-default": "#DD2BAB",
-            "bgAlt-default": "#1b0d16",
-            "bgAlt-hover": "#2d192b",
-            "bg-hover": "#e558b7",
-            "border-default": "#DD2BAB"
-          },
-          "purple": {
-            "bg-default": "#985FDC",
-            "bgAlt-default": "#150f19",
-            "bgAlt-hover": "#231c30",
-            "bg-hover": "#a977e2",
-            "border-default": "#985FDC"
-          },
-          "gray": {
-            "bg-default": "#7C7C7C",
-            "bgAlt-default": "#111",
-            "bgAlt-hover": "#1a202b",
-            "bg-hover": "#8e8e8e",
-            "border-default": "#7C7C7C"
-          },
-          "slate": {
-            "bg-default": "#5C8196",
-            "bgAlt-default": "#0f1214",
-            "bgAlt-hover": "#13222c",
-            "bg-hover": "#7493a5",
-            "border-default": "#5C8196"
-          }
-        },
-        "error": {
-          "bg-default": "#E13E53",
-          "bgAlt-default": "#241212",
-          "bgAlt-hover": "#3d1a1c",
-          "bg-hover": "#ea626a",
-          "border-default": "#E13E53",
-          "inverse": {
-            "bg-default": "#CD384B",
-            "bgAlt-default": "#fdeceb",
-            "bgAlt-hover": "#f9d3d1",
-            "bg-hover": "#ac3240",
-            "border-default": "#CD384B"
-          }
-        },
-        "generic": {
-          "label-default": "#000000",
-          "label-hover": "#000000",
-          "labelAlt-default": "#fffffff2",
-          "labelAlt-hover": "#fffffff2",
-          "inverse": {
-            "label-default": "#FFFFFF",
-            "label-hover": "#FFFFFF",
-            "labelAlt-default": "#000000f2",
-            "labelAlt-hover": "#000000f2"
-          }
-        },
-        "important": {
-          "bg-default": "#8F4CD7",
-          "bgAlt-default": "#150d19",
-          "bgAlt-hover": "#231b30",
-          "bg-hover": "#a267de",
-          "border-default": "#8F4CD7",
-          "inverse": {
-            "bg-default": "#985FDC",
-            "bgAlt-default": "#f1e6fa",
-            "bgAlt-hover": "#daceed",
-            "bg-hover": "#8051b8",
-            "border-default": "#985FDC"
-          }
-        },
-        "info": {
-          "bg-default": "#007ED9",
-          "bgAlt-default": "#111722",
-          "bgAlt-hover": "#17253a",
-          "bg-hover": "#4f90df",
-          "border-default": "#007ED9",
-          "inverse": {
-            "bg-default": "#0060A7",
-            "bgAlt-default": "#eaeef6",
-            "bgAlt-hover": "#cdd7ea",
-            "bg-hover": "#10518c",
-            "border-default": "#0060A7"
-          }
-        },
-        "neutral": {
-          "bg-default": "#7C7C7C",
-          "bgAlt-default": "#171717",
-          "bgAlt-hover": "#242424",
-          "bg-hover": "#8e8e8e",
-          "border-default": "#7C7C7C",
-          "inverse": {
-            "bg-default": "#656565",
-            "bgAlt-default": "#efefef",
-            "bgAlt-hover": "#d9d9d9",
-            "bg-hover": "#696969",
-            "border-default": "#656565"
-          }
-        },
-        "readonly": {
-          "bg-default": "#4b4b4b",
-          "border-default": "#4b4b4b",
-          "label": "#ffffffab"
-        },
-        "success": {
-          "bg-default": "#009023",
-          "bgAlt-default": "#0e1a0b",
-          "bgAlt-hover": "#132912",
-          "bg-hover": "#359b3b",
-          "border-default": "#009023",
-          "inverse": {
-            "bg-default": "#00811F",
-            "bgAlt-default": "#e9f2e8",
-            "bgAlt-hover": "#cbe1c9",
-            "bg-hover": "#0e6d1d",
-            "border-default": "#00811F"
-          }
-        },
-        "warning": {
-          "bg-default": "#E04500",
-          "bgAlt-default": "#251206",
-          "bgAlt-hover": "#3e1a0b",
-          "bg-hover": "#eb6530",
-          "border-default": "#E04500",
-          "inverse": {
-            "bg-default": "#D64309",
-            "bgAlt-default": "#ffede5",
-            "bgAlt-hover": "#fed5c3",
-            "bg-hover": "#b33b0d",
-            "border-default": "#D64309"
-          }
-        }
-      },
-      "rating": {
-        "bg-default": "#00D639",
-        "bg-defaultAlt": "linear-gradient(90deg, #00D639 0%, #00D639 50%, #282828 50%, #282828  100%)",
-        "bg-hover": "#17b333",
-        "border-default": "#00D639"
-      }
-    },
-    "size": {
-      "pill": {
-        "S": 20,
-        "M": 24,
-        "L": 28
-      },
-      "message": {
-        "statuscontainer": {
-          "M": 32,
-          "L": 40
-        },
-        "messagecontent": {
-          "maxwidth": 560
-        },
-        "global": {
-          "M": 40
-        }
-      },
-      "icon": {
-        "M": 20
-      }
-    },
-    "radius": {
-      "none": "0",
-      "message": 8,
-      "pill": 6
-    },
-    "borderwidth": {
-      "pill": 2,
-      "message": 1
-    },
-    "space": {
-      "none": 0,
-      "integral": {
-        "x": 4
-      },
-      "pill": {
-        "x": {
-          "S": 6.4,
-          "M": 6.4,
-          "L": 6.4
-        }
-      },
-      "tooltip": {
-        "x": 12,
-        "y": 8
-      },
-      "message": {
-        "contextual": {
-          "x": {
-            "M": 12,
-            "L": 16
-          },
-          "y": {
-            "M": 12,
-            "L": 16
-          },
-          "xg": {
-            "M": 8,
-            "L": 12.8
-          },
-          "yg": {
-            "M": 2,
-            "L": 4
-          },
-          "subtle": {
-            "iconwrapper": {
-              "y": {
-                "M": 2,
-                "L": 4
-              }
-            }
-          }
-        },
-        "global": {
-          "x": {
-            "M": 32
-          },
-          "y": {
-            "M": 8
-          },
-          "xg": {
-            "M": 12.8
-          },
-          "yg": {
-            "M": 4
-          },
-          "CTA": {
-            "Y": {
-              "M": 12.8
-            },
-            "yg": {
-              "M": 19.2
-            }
-          },
-          "iconwrapper": {
-            "y": {
-              "M": 12
-            }
-          }
-        }
-      }
-    },
-    "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"
-          }
-        },
-        "heading": {
-          "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": {
-        "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"
-          }
-        },
-        "heading": {
-          "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"
-          }
-        }
-      }
-    }
-  }
-}

package/json/nested/marketing/small/dark/components/tab.json

@@ -1,135 +0,0 @@
-{
-  "tab": {
-    "size": {
-      "M": 40,
-      "L": 48,
-      "shadow": {
-        "arrow": 8
-      },
-      "baseline": {
-        "M": 2,
-        "L": 2
-      },
-      "icon": {
-        "M": 20,
-        "L": 20
-      },
-      "indicator": {
-        "M": 4,
-        "L": 4
-      }
-    },
-    "space": {
-      "x": {
-        "M": 12.8,
-        "L": 19.2
-      },
-      "xg": {
-        "M": 8,
-        "L": 8
-      },
-      "y": {
-        "M": 8,
-        "L": 12
-      }
-    },
-    "color": {
-      "bg-active": "#000000",
-      "bg-enabled": "#fff0",
-      "bg-hover": "#ffffff1a",
-      "border-activealt": "#282828",
-      "border-active": "#FFFFFF",
-      "border-enabled": "#282828",
-      "border-hover": "#777",
-      "icon-enabled": "#ffffffab",
-      "icon-hover": "#FFFFFF",
-      "label-active": "#FFFFFF",
-      "icon-active": "#FFFFFF",
-      "label-enabled": "#ffffffe6",
-      "label-hover": "#FFFFFF",
-      "navigation": {
-        "bg-default": "#000000"
-      },
-      "validation": {
-        "border-warning": "#E04500",
-        "border-error": "#E13E53",
-        "icon-error": "#E13E53",
-        "icon-warning": "#E04500",
-        "label-error": "#ffffffab",
-        "label-warning": "#ffffffab"
-      }
-    },
-    "radius": {
-      "M": 8,
-      "L": 8,
-      "baseline": {
-        "M": 1,
-        "L": 1
-      },
-      "indicator": {
-        "M": 2,
-        "L": 2
-      },
-      "none": "0"
-    },
-    "borderwidth": {
-      "navigation": {
-        "bottom": 2,
-        "side": 2,
-        "top": 2
-      }
-    },
-    "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"
-          }
-        }
-      },
-      "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"
-          }
-        }
-      }
-    }
-  }
-}