@sage/design-tokens 14.9.1 → 15.0.0

package/json/nested/marketing/large/dark/components/nav.json

@@ -1,551 +0,0 @@
-{
-  "nav": {
-    "color": {
-      "bg-default": "#000000",
-      "item": {
-        "bg-active": "#FFFFFF",
-        "bg-activealt": "#ffffff1a",
-        "bg-enabled": "#fff0",
-        "bg-hover": "#ffffff1a",
-        "label-active": "#000000",
-        "label-activealt": "#FFFFFF",
-        "label-enabled": "#ffffffe6",
-        "label-hover": "#FFFFFF",
-        "label-alt": "#ffffffab"
-      },
-      "menu": {
-        "bg-default": "#0e0e0e",
-        "bg-alt": "#181818",
-        "bg-alt2": "#1f1f1f",
-        "border-default": "#282828"
-      },
-      "leftnav": {
-        "container": {
-          "bg-default": "#000000",
-          "bg-defaultAlt": "#181818",
-          "border-default": "#4b4b4b"
-        },
-        "item": {
-          "bg-active": "#ffffff59",
-          "bg-enabled": "#fff0",
-          "bg-hover": "#ffffff26",
-          "label-active": "#FFFFFF",
-          "label-enabled": "#fffffff2",
-          "label-hover": "#FFFFFF"
-        }
-      },
-      "modal": {
-        "container": {
-          "bg-default": "#000000",
-          "bg-defaultAlt": "#181818",
-          "border-default": "#4b4b4b"
-        },
-        "item": {
-          "bg-active": "#ffffff59",
-          "bg-enabled": "#fff0",
-          "bg-hover": "#ffffff26",
-          "label-active": "#FFFFFF",
-          "label-enabled": "#fffffff2",
-          "label-hover": "#FFFFFF"
-        },
-        "headeritem": {
-          "label-default": "#ffffffab"
-        }
-      },
-      "topnav": {
-        "container": {
-          "bg-default": "#000000",
-          "border-default": "#4b4b4b"
-        },
-        "item": {
-          "bg-active": "#ffffff59",
-          "bg-enabled": "#fff0",
-          "bg-hover": "#ffffff26",
-          "label-active": "#FFFFFF",
-          "label-enabled": "#fffffff2",
-          "label-hover": "#FFFFFF"
-        }
-      }
-    },
-    "radius": {
-      "menu": 8,
-      "menuitem": 4,
-      "menumodal": 16,
-      "leftnav": {
-        "menuitem": 8
-      },
-      "modal": {
-        "menuitem": 8
-      },
-      "topnav": {
-        "menuitem": 8
-      }
-    },
-    "boxshadow": {
-      "menu": [
-        {
-          "x": "0",
-          "y": "2",
-          "blur": "2",
-          "spread": "0",
-          "color": "#0000001A",
-          "type": "dropShadow"
-        },
-        {
-          "x": "2",
-          "y": "5",
-          "blur": "5",
-          "spread": "0",
-          "color": "#0000001A",
-          "type": "dropShadow"
-        }
-      ],
-      "leftnav": {
-        "childcontainer": [
-          {
-            "x": "0",
-            "y": "1",
-            "blur": "2",
-            "spread": "0",
-            "color": "#0000001A",
-            "type": "dropShadow"
-          },
-          {
-            "x": "2",
-            "y": "2",
-            "blur": "10",
-            "spread": "0",
-            "color": "#00000033",
-            "type": "dropShadow"
-          }
-        ]
-      }
-    },
-    "borderwidth": {
-      "divider": {
-        "item": 1,
-        "menu": 1,
-        "segment": 4
-      },
-      "leftnav": {
-        "divider": 1
-      },
-      "modal": {
-        "divider": 1
-      },
-      "topnav": {
-        "divider": 1
-      }
-    },
-    "size": {
-      "menu": {
-        "content": {
-          "y": {
-            "M": 32
-          },
-          "icon": {
-            "M": 20,
-            "L": 24
-          }
-        },
-        "option": {
-          "x": {
-            "M": 200
-          },
-          "y": {
-            "M": 40
-          }
-        }
-      },
-      "navbar": {
-        "content": {
-          "y": {
-            "M": 32
-          },
-          "icon": {
-            "M": 20,
-            "L": 24
-          }
-        },
-        "item": {
-          "x": {
-            "M": 200
-          },
-          "y": {
-            "M": 40
-          }
-        }
-      },
-      "leftnav": {
-        "parent": {
-          "minheight": 48
-        },
-        "child": {
-          "minheight": 40
-        },
-        "grandchild": {
-          "minheight": 32
-        },
-        "parentContainer": {
-          "fixedWidth": "140"
-        },
-        "childContainer": {
-          "fixedWidth": "250"
-        }
-      },
-      "modal": {
-        "parentitem": {
-          "minheight": 40
-        },
-        "childitem": {
-          "minheight": 32
-        },
-        "headeritem": {
-          "identifier": {
-            "M": 24
-          },
-          "icon": {
-            "M": 20
-          }
-        }
-      },
-      "topnav": {
-        "parent": {
-          "minheight": 32
-        },
-        "container": {
-          "minheight": 40
-        }
-      }
-    },
-    "space": {
-      "menu": {
-        "container": {
-          "x": {
-            "M": 4
-          },
-          "y": {
-            "M": 8
-          }
-        },
-        "content": {
-          "x": {
-            "M": 8,
-            "L": 16
-          },
-          "xg": {
-            "M": 8
-          },
-          "y": {
-            "M": 4
-          }
-        },
-        "item": {
-          "x": {
-            "S": 4,
-            "M": 8
-          },
-          "y": {
-            "M": 4
-          },
-          "yg": {
-            "M": 4
-          }
-        }
-      },
-      "navbar": {
-        "x": {
-          "M": 24
-        },
-        "y": {
-          "M": 2
-        },
-        "content": {
-          "x": {
-            "M": 8
-          },
-          "xg": {
-            "M": 8
-          },
-          "y": {
-            "M": 4
-          }
-        },
-        "item": {
-          "x": {
-            "M": 8
-          },
-          "y": {
-            "M": 4
-          }
-        },
-        "logo": {
-          "x": {
-            "M": 16
-          },
-          "xg": {
-            "M": 16
-          },
-          "y": {
-            "M": 4
-          }
-        }
-      },
-      "leftnav": {
-        "container": {
-          "x": {
-            "M": 8
-          },
-          "y": {
-            "S": 12,
-            "M": 16
-          },
-          "yg": {
-            "S": 8,
-            "M": 16
-          },
-          "outer": {
-            "y": {
-              "M": 56
-            }
-          }
-        },
-        "parentitem": {
-          "vertical": {
-            "x": {
-              "M": 4
-            },
-            "y": {
-              "M": 4
-            },
-            "yg": {
-              "M": 4
-            }
-          },
-          "horizontal": {
-            "x": {
-              "M": 8
-            },
-            "xg": {
-              "M": 4
-            },
-            "y": {
-              "M": 8
-            },
-            "yg": {
-              "M": 4
-            }
-          }
-        },
-        "childitem": {
-          "yg": {
-            "M": 4
-          },
-          "x": {
-            "M": 8
-          },
-          "xg": {
-            "M": 8
-          },
-          "y": {
-            "M": 8
-          }
-        },
-        "grandchilditem": {
-          "x": {
-            "M": 8,
-            "indent": "33"
-          },
-          "xg": {
-            "M": 8
-          },
-          "y": {
-            "M": 8
-          },
-          "yg": {
-            "M": 4
-          }
-        }
-      },
-      "modal": {
-        "container": {
-          "x": {
-            "M": 8
-          },
-          "y": {
-            "M": 16
-          },
-          "yg": {
-            "M": 6
-          },
-          "outer": {
-            "y": {
-              "M": 56
-            }
-          }
-        },
-        "parentitem": {
-          "x": {
-            "M": 8
-          },
-          "xg": {
-            "M": 8
-          },
-          "y": {
-            "M": 8
-          },
-          "yg": {
-            "M": 4
-          }
-        },
-        "childitem": {
-          "x": {
-            "M": 8
-          },
-          "xg": {
-            "M": 4
-          },
-          "y": {
-            "M": 4
-          }
-        },
-        "headeritem": {
-          "x": {
-            "M": 8
-          },
-          "xg": {
-            "M": 8
-          },
-          "y": {
-            "M": 8,
-            "L": 16
-          }
-        }
-      },
-      "topnav": {
-        "container": {
-          "x": {
-            "S": 8,
-            "M": 32
-          },
-          "xg": {
-            "M": 4
-          },
-          "y": {
-            "S": 4,
-            "M": 4
-          }
-        },
-        "parentitem": {
-          "x": {
-            "M": 8
-          },
-          "xg": {
-            "M": 4
-          },
-          "y": {
-            "M": 4
-          }
-        }
-      }
-    },
-    "typography": {
-      "adaptive": {
-        "label": {
-          "S": {
-            "fontFamily": "Sage UI",
-            "fontWeight": "500",
-            "lineHeight": 1.5,
-            "fontSize": "13px",
-            "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": "13px",
-            "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.7675rem, 0.8048rem + -0.0465vw, 0.7955rem)",
-            "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.7675rem, 0.8048rem + -0.0465vw, 0.7955rem)",
-            "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"
-          }
-        }
-      }
-    }
-  }
-}