@sage/design-tokens 14.9.1 → 15.1.0

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

@@ -1,215 +0,0 @@
-{
-  "page": {
-    "space": {
-      "none": 0,
-      "x": {
-        "XXXS": 4,
-        "XXS": 8,
-        "XS": 16,
-        "S": 24,
-        "M": 32,
-        "L": 40,
-        "XL": 80
-      },
-      "xg": {
-        "XXXS": 4,
-        "XXS": 8,
-        "XS": 16,
-        "S": 24,
-        "M": 32,
-        "L": 40,
-        "XL": 80
-      },
-      "yg": {
-        "XXXS": 4,
-        "XXS": 8,
-        "XS": 16,
-        "S": 24,
-        "M": 32,
-        "L": 40,
-        "XL": 80
-      },
-      "y": {
-        "XXXS": 4,
-        "XXS": 8,
-        "XS": 16,
-        "S": 24,
-        "M": 32,
-        "L": 40,
-        "XL": 80
-      }
-    },
-    "color": {
-      "bg-default": "#FFFFFF",
-      "bg-alt": "#f6f8f9",
-      "text-alt": "#0000008c",
-      "text-default": "#000000f2"
-    },
-    "typography": {
-      "responsive": {
-        "H1": {
-          "fontFamily": "Sage UI",
-          "fontWeight": "700",
-          "lineHeight": 1.25,
-          "fontSize": "clamp(1.5869rem, 1.417rem + 0.8494vw, 2.4363rem)"
-        },
-        "H2": {
-          "fontFamily": "Sage UI",
-          "fontWeight": "700",
-          "lineHeight": 1.25,
-          "fontSize": "clamp(1.2811rem, 1.2155rem + 0.3279vw, 1.4778rem)"
-        },
-        "H3": {
-          "fontFamily": "Sage UI",
-          "fontWeight": "500",
-          "lineHeight": 1.25,
-          "fontSize": "clamp(1.1646rem, 1.1207rem + 0.2195vw, 1.2964rem)"
-        },
-        "H4": {
-          "fontFamily": "Sage UI",
-          "fontWeight": "500",
-          "lineHeight": 1.25,
-          "fontSize": "clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)"
-        },
-        "H5": {
-          "fontFamily": "Sage UI",
-          "fontWeight": "500",
-          "lineHeight": 1.25,
-          "fontSize": "clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)"
-        },
-        "section": {
-          "heading": {
-            "S": {
-              "fontFamily": "Sage UI",
-              "fontWeight": "700",
-              "lineHeight": 1.25,
-              "fontSize": "clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)"
-            },
-            "M": {
-              "fontFamily": "Sage UI",
-              "fontWeight": "700",
-              "lineHeight": 1.25,
-              "fontSize": "clamp(1.1646rem, 1.1207rem + 0.2195vw, 1.2964rem)"
-            }
-          }
-        },
-        "p": {
-          "regular": {
-            "typical": {
-              "fontFamily": "Sage UI",
-              "fontWeight": "400",
-              "lineHeight": 1.5,
-              "fontSize": "clamp(0.875rem, 0.875rem + 0vw, 0.875rem)",
-              "paragraphSpacing": 16
-            },
-            "large": {
-              "fontFamily": "Sage UI",
-              "fontWeight": "400",
-              "lineHeight": 1.5,
-              "fontSize": "clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)",
-              "paragraphSpacing": 24
-            }
-          },
-          "medium": {
-            "typical": {
-              "fontFamily": "Sage UI",
-              "fontWeight": "500",
-              "lineHeight": 1.5,
-              "fontSize": "clamp(0.875rem, 0.875rem + 0vw, 0.875rem)",
-              "paragraphSpacing": 16
-            },
-            "large": {
-              "fontFamily": "Sage UI",
-              "fontWeight": "500",
-              "lineHeight": 1.5,
-              "fontSize": "clamp(1.0588rem, 1.0326rem + 0.1307vw, 1.1372rem)",
-              "paragraphSpacing": 24
-            }
-          }
-        }
-      },
-      "adaptive": {
-        "H1": {
-          "fontFamily": "Sage UI",
-          "fontWeight": "700",
-          "lineHeight": 1.25,
-          "fontSize": "30px"
-        },
-        "H2": {
-          "fontFamily": "Sage UI",
-          "fontWeight": "700",
-          "lineHeight": 1.25,
-          "fontSize": "24px"
-        },
-        "H3": {
-          "fontFamily": "Sage UI",
-          "fontWeight": "500",
-          "lineHeight": 1.25,
-          "fontSize": "21px"
-        },
-        "H4": {
-          "fontFamily": "Sage UI",
-          "fontWeight": "500",
-          "lineHeight": 1.25,
-          "fontSize": "18px"
-        },
-        "H5": {
-          "fontFamily": "Sage UI",
-          "fontWeight": "500",
-          "lineHeight": 1.25,
-          "fontSize": "16px"
-        },
-        "section": {
-          "heading": {
-            "S": {
-              "fontFamily": "Sage UI",
-              "fontWeight": "700",
-              "lineHeight": 1.25,
-              "fontSize": "16px"
-            },
-            "M": {
-              "fontFamily": "Sage UI",
-              "fontWeight": "700",
-              "lineHeight": 1.25,
-              "fontSize": "21px"
-            }
-          }
-        },
-        "p": {
-          "regular": {
-            "typical": {
-              "fontFamily": "Sage UI",
-              "fontWeight": "400",
-              "lineHeight": 1.5,
-              "fontSize": "14px",
-              "paragraphSpacing": 16
-            },
-            "large": {
-              "fontFamily": "Sage UI",
-              "fontWeight": "400",
-              "lineHeight": 1.5,
-              "fontSize": "16px",
-              "paragraphSpacing": 24
-            }
-          },
-          "medium": {
-            "typical": {
-              "fontFamily": "Sage UI",
-              "fontWeight": "500",
-              "lineHeight": 1.5,
-              "fontSize": "14px",
-              "paragraphSpacing": 16
-            },
-            "large": {
-              "fontFamily": "Sage UI",
-              "fontWeight": "500",
-              "lineHeight": 1.5,
-              "fontSize": "16px",
-              "paragraphSpacing": 24
-            }
-          }
-        }
-      }
-    }
-  }
-}

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

@@ -1,206 +0,0 @@
-{
-  "popover": {
-    "size": {
-      "icon": {
-        "M": 20
-      },
-      "item": {
-        "S": 32,
-        "M": 40,
-        "L": 48
-      },
-      "menu": {
-        "minwidth": {
-          "S": 100,
-          "M": 128,
-          "L": 160
-        },
-        "maxwidth": {
-          "S": 200,
-          "M": 240,
-          "L": 288
-        }
-      }
-    },
-    "radius": {
-      "none": "0",
-      "container": 8,
-      "optionfocus": 8
-    },
-    "boxshadow": {
-      "container": [
-        {
-          "x": "0",
-          "y": "1",
-          "blur": "2",
-          "spread": "0",
-          "color": "#0000001A",
-          "type": "dropShadow"
-        },
-        {
-          "x": "2",
-          "y": "2",
-          "blur": "10",
-          "spread": "0",
-          "color": "#00000033",
-          "type": "dropShadow"
-        }
-      ]
-    },
-    "space": {
-      "menu": {
-        "x": {
-          "S": 6,
-          "M": 8,
-          "L": 12
-        },
-        "y": {
-          "S": 6,
-          "M": 8,
-          "L": 12
-        },
-        "yg": {
-          "S": 6,
-          "M": 8,
-          "L": 12
-        }
-      },
-      "option": {
-        "x": {
-          "S": 12,
-          "M": 12,
-          "L": 12
-        },
-        "xg": {
-          "S": 8,
-          "M": 8,
-          "L": 8
-        },
-        "y": {
-          "S": 4,
-          "M": 8,
-          "L": 10
-        }
-      },
-      "submenu": {
-        "x": {
-          "S": 16,
-          "M": 16,
-          "L": 16
-        }
-      }
-    },
-    "color": {
-      "bg-active": "#000000",
-      "bg-activealt": "#0000001a",
-      "bg-default": "#FFFFFF",
-      "bg-hover": "#0000001a",
-      "label-active": "#FFFFFF",
-      "label-activealt": "#000000",
-      "label-disabled": "#0000006b",
-      "label-hover": "#000000",
-      "label-enabled": "#000000ab",
-      "submenu": {
-        "bg-default": "#f3f3f3"
-      }
-    },
-    "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"
-          }
-        }
-      }
-    }
-  }
-}