npm - @sage/design-tokens - Versions diffs - 14.9.1 → 15.0.0 - Mend

@sage/design-tokens 14.9.1 → 15.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (955) hide show

package/json/nested/marketing/small/light/components/container.json DELETED Viewed

@@ -1,890 +0,0 @@
-{
-  "container": {
-    "color": {
-      "AI": {
-        "dialog": {
-          "borderhorizontal": "linear-gradient(90deg, #00D639 0%, #00D6DE 40%, #9D60FF 90%)"
-        },
-        "nudge": {
-          "borderAi-horizontal": "linear-gradient(90deg, #13A038 0%, #149197 40%, #A87CFB 90%)",
-          "borderAi-vertical": "linear-gradient(180deg, #13A038 0%, #149197 40%, #A87CFB 90%)"
-        },
-        "tile": {
-          "bordervertical": "linear-gradient(180deg, #13A038 0%, #149197 40%, #A87CFB 90%)"
-        }
-      },
-      "blockquote": {
-        "border": "#00811F"
-      },
-      "interactive": {
-        "bgFooter-activated": "#00811F",
-        "bgFooter-active": "#000000",
-        "border-activated": "#00811F",
-        "bgFooter-default": "#FFFFFF",
-        "bg-enabled": "#FFFFFF",
-        "bg-disabled": "#f3f3f3",
-        "bg-hover": "#0000001a",
-        "border-active": "#000000",
-        "border-alt": "#d1d1d1",
-        "borderalt-hover": "#000000e6",
-        "border-inactive": "#a6a6a6",
-        "border-enabled": "#777",
-        "icon-active": "#000000",
-        "icon-enabled": "#000000e6",
-        "iconAlt-enabled": "#000000ab",
-        "icon-hover": "#000000e6",
-        "labelFooter-active": "#FFFFFF",
-        "labelFooter-activated": "#FFFFFF",
-        "text-active": "#000000",
-        "text-disabled": "#0000006b",
-        "text-enabled": "#000000f2",
-        "textAlt-enabled": "#0000008c",
-        "text-hover": "#000000e6",
-        "detailedicon": {
-          "bg": "#00811F"
-        },
-        "droptarget": {
-          "bg-default": "#0060A7"
-        }
-      },
-      "scrollbar": {
-        "bg-default": "#f3f3f3",
-        "fg-default": "#777"
-      },
-      "standard": {
-        "bg-alt": "#f3f3f3",
-        "bg-default": "#FFFFFF",
-        "bgFooter-default": "#f3f3f3",
-        "border-active": "#000000",
-        "border-alt": "#a6a6a6",
-        "border-default": "#e8e8e8",
-        "dimmer": "#000000",
-        "icon": "#777",
-        "text-alt": "#0000008c",
-        "text-default": "#000000f2",
-        "statusborder": {
-          "bg-ai": "linear-gradient(180deg, #13A038 0%, #149197 40%, #A87CFB 90%)",
-          "bg-caution": "#D64309",
-          "bg-negative": "#CD384B",
-          "bg-important": "#8F4CD7",
-          "bg-info": "#0060A7",
-          "bg-neutral": "#656565",
-          "bg-positive": "#00811F"
-        }
-      }
-    },
-    "size": {
-      "none": 0,
-      "accordionstandard": {
-        "chevron": 20
-      },
-      "quotebar": {
-        "width": 8
-      },
-      "chatbubble": {
-        "maxwidth": 600
-      },
-      "carousel": {
-        "mediaslide": {
-          "minheight": "300"
-        }
-      },
-      "copilot": {
-        "emptystate": {
-          "illustration": 200,
-          "content": {
-            "maxwidth": 600
-          }
-        },
-        "overlay": {
-          "maxheight": 960
-        }
-      },
-      "dialog": {
-        "maxWidth": {
-          "XXS": "300",
-          "XS": "380",
-          "S": "540",
-          "M": "850",
-          "L": "1080",
-          "XL": "960",
-          "XXL": "1080"
-        },
-        "minWidth": {
-          "S": "288",
-          "M": "288",
-          "L": "288"
-        }
-      },
-      "drag": {
-        "droptarget": 2
-      },
-      "drawer": {
-        "minwidth": 288,
-        "maxwidth": 760,
-        "closed": {
-          "M": 40
-        }
-      },
-      "footer": {
-        "M": 56,
-        "L": 72
-      },
-      "generic": {
-        "emptystate": {
-          "illustration": {
-            "primary": {
-              "S": 200,
-              "M": 240,
-              "L": 320
-            },
-            "secondary": 60
-          }
-        }
-      },
-      "icon": {
-        "S": 20,
-        "M": 20,
-        "L": 20
-      },
-      "linkpreview": {
-        "thumbnail": {
-          "S": 117,
-          "M": 136,
-          "L": 168
-        },
-        "headertext": {
-          "S": 32,
-          "M": 32,
-          "L": 40
-        },
-        "descriptiontext": {
-          "S": 44,
-          "M": 48,
-          "L": 56
-        }
-      },
-      "responsive": {
-        "XXS": 80,
-        "XS": 128,
-        "S": 160,
-        "M": 200,
-        "L": 240,
-        "XL": 288,
-        "XXL": 320,
-        "XXXL": 560,
-        "XXXXL": 760
-      },
-      "scrollbar": {
-        "container": 12
-      },
-      "sidebar": {
-        "responsive": {
-          "min": 288,
-          "max": 760
-        }
-      },
-      "tile": {
-        "statusborder": 8
-      },
-      "tileselect": {
-        "footer": 48,
-        "productidentifier": {
-          "M": 32,
-          "L": 48
-        }
-      },
-      "tooltipArrow": {
-        "width": 16,
-        "height": 8
-      },
-      "uploadpreview": {
-        "M": 72
-      }
-    },
-    "radius": {
-      "none": "0",
-      "carouselslide": 16,
-      "colorpicker": 16,
-      "contacttile": 8,
-      "dialog": 24,
-      "filepreview": 8,
-      "linkpreview": 4,
-      "heroimage": 80,
-      "note": 8,
-      "nudge": 16,
-      "profileselector": 8,
-      "scrollbar": "999",
-      "texteditor": 8,
-      "blockquote": {
-        "bar": "999"
-      },
-      "card": {
-        "moderate": 16,
-        "curved": 24,
-        "sweeping": 32
-      },
-      "tile": {
-        "moderate": 16,
-        "curved": 24,
-        "sweeping": 32
-      },
-      "tileselect": {
-        "moderate": 16,
-        "curved": 24,
-        "sweeping": 32
-      }
-    },
-    "space": {
-      "none": 0,
-      "accordionsubtle": {
-        "yg": {
-          "M": 12.8
-        }
-      },
-      "filepreview": {
-        "preview": {
-          "x": {
-            "M": 8
-          },
-          "y": {
-            "M": 8
-          }
-        }
-      },
-      "flex": {
-        "xg": {
-          "S": 12.8,
-          "M": 19.2,
-          "L": 25.6
-        },
-        "yg": {
-          "S": 12.8,
-          "M": 19.2,
-          "L": 25.6
-        },
-        "item": {
-          "x": {
-            "S": 12.8,
-            "M": 19.2,
-            "L": 25.6
-          },
-          "y": {
-            "S": 12.8,
-            "M": 19.2,
-            "L": 25.6
-          }
-        }
-      },
-      "generic": {
-        "content": {
-          "x": {
-            "XS": 8,
-            "S": 12.8,
-            "M": 19.2,
-            "L": 25.6
-          },
-          "y": {
-            "XS": 8,
-            "S": 12.8,
-            "M": 19.2,
-            "L": 25.6
-          },
-          "xg": {
-            "XS": 4,
-            "S": 12.8,
-            "M": 19.2
-          },
-          "yg": {
-            "S": 8,
-            "M": 12.8,
-            "L": 19.2
-          }
-        },
-        "outer": {
-          "x": {
-            "M": 19.2
-          },
-          "y": {
-            "M": 19.2
-          }
-        },
-        "header": {
-          "x": {
-            "S": 12.8,
-            "M": 19.2
-          },
-          "y": {
-            "XS": 12,
-            "S": 12.8,
-            "M": 19.2
-          },
-          "xg": {
-            "M": 12.8
-          },
-          "yg": {
-            "M": 4,
-            "L": 12.8
-          }
-        },
-        "emptystate": {
-          "y": {
-            "M": 19.2,
-            "L": 32
-          }
-        },
-        "footer": {
-          "x": {
-            "M": 19.2
-          },
-          "y": {
-            "M": 12.8
-          }
-        }
-      },
-      "note": {
-        "x": {
-          "M": 19.2
-        },
-        "xg": {
-          "M": 12.8
-        },
-        "timestamp": {
-          "xg": {
-            "M": 19.2
-          },
-          "yg": {
-            "M": 4
-          }
-        },
-        "y": {
-          "M": 19.2
-        },
-        "yg": {
-          "M": 12.8
-        }
-      },
-      "linkpreview": {
-        "x": {
-          "S": 8,
-          "M": 12,
-          "L": 12.8
-        },
-        "xg": {
-          "S": 8,
-          "M": 12,
-          "L": 12.8
-        },
-        "y": {
-          "S": 8,
-          "M": 12,
-          "L": 12.8
-        },
-        "yg": {
-          "S": 4,
-          "M": 8,
-          "L": 12
-        }
-      },
-      "pagination": {
-        "xg": {
-          "M": 6.4,
-          "L": 19.2
-        },
-        "y": {
-          "M": 6.4,
-          "L": 12.8
-        },
-        "yg": {
-          "M": 12.8
-        },
-        "x": {
-          "M": 12.8
-        }
-      },
-      "scrollbar": {
-        "y": {
-          "inner": 1,
-          "outer": 2
-        }
-      },
-      "summarylist": {
-        "item": {
-          "xg": {
-            "M": 8
-          },
-          "y": {
-            "M": 12
-          }
-        },
-        "title": {
-          "xg": {
-            "M": 12.8
-          },
-          "y": {
-            "M": 12,
-            "L": 25.6
-          }
-        }
-      },
-      "tilecard": {
-        "x": {
-          "XS": 12.8,
-          "S": 12.8,
-          "M": 19.2,
-          "L": 25.6,
-          "XXXL": 64
-        },
-        "xg": {
-          "M": 8
-        },
-        "y": {
-          "XS": 8,
-          "S": 12.8,
-          "M": 19.2,
-          "L": 25.6
-        },
-        "yg": {
-          "S": 4
-        }
-      },
-      "tileselect": {
-        "x": {
-          "S": 12.8,
-          "M": 19.2,
-          "L": 25.6
-        },
-        "y": {
-          "S": 12.8,
-          "M": 19.2,
-          "L": 25.6
-        },
-        "yg": {
-          "S": 12.8,
-          "M": 19.2,
-          "L": 25.6
-        },
-        "content": {
-          "yg": {
-            "M": 8
-          }
-        },
-        "header": {
-          "xg": {
-            "M": 12.8
-          },
-          "yg": {
-            "S": 8
-          }
-        },
-        "footer": {
-          "y": {
-            "M": 8,
-            "L": 12.8
-          },
-          "xg": {
-            "S": 8
-          }
-        }
-      },
-      "nudge": {
-        "x": {
-          "M": 19.2,
-          "L": 25.6
-        },
-        "y": {
-          "M": 19.2,
-          "L": 25.6
-        },
-        "yg": {
-          "M": 8,
-          "L": 12
-        },
-        "header": {
-          "xg": {
-            "M": 12.8,
-            "L": 12.8
-          }
-        }
-      }
-    },
-    "boxshadow": {
-      "none": [
-        {
-          "x": "0",
-          "y": "0",
-          "blur": "0",
-          "spread": "0",
-          "color": "rgba(0,0,0,0)",
-          "type": "dropShadow"
-        }
-      ],
-      "carousel": [
-        {
-          "x": "0",
-          "y": "3",
-          "blur": "4",
-          "spread": "0",
-          "color": "#0000001A",
-          "type": "dropShadow"
-        },
-        {
-          "x": "10",
-          "y": "10",
-          "blur": "60",
-          "spread": "0",
-          "color": "#0000001A",
-          "type": "dropShadow"
-        }
-      ],
-      "colorpicker": [
-        {
-          "x": "0",
-          "y": "1",
-          "blur": "2",
-          "spread": "0",
-          "color": "#0000001A",
-          "type": "dropShadow"
-        },
-        {
-          "x": "2",
-          "y": "2",
-          "blur": "10",
-          "spread": "0",
-          "color": "#00000033",
-          "type": "dropShadow"
-        }
-      ],
-      "dialog": [
-        {
-          "x": "0",
-          "y": "3",
-          "blur": "4",
-          "spread": "0",
-          "color": "#0000001A",
-          "type": "dropShadow"
-        },
-        {
-          "x": "10",
-          "y": "10",
-          "blur": "60",
-          "spread": "0",
-          "color": "#0000001A",
-          "type": "dropShadow"
-        }
-      ],
-      "filepreview": [
-        {
-          "x": "0",
-          "y": "3",
-          "blur": "4",
-          "spread": "0",
-          "color": "#0000001A",
-          "type": "dropShadow"
-        },
-        {
-          "x": "10",
-          "y": "10",
-          "blur": "60",
-          "spread": "0",
-          "color": "#0000001A",
-          "type": "dropShadow"
-        }
-      ],
-      "nudge": [
-        {
-          "x": "0",
-          "y": "2",
-          "blur": "3",
-          "spread": "0",
-          "color": "#0000001A",
-          "type": "dropShadow"
-        },
-        {
-          "x": "6",
-          "y": "6",
-          "blur": "30",
-          "spread": "0",
-          "color": "#00000026",
-          "type": "dropShadow"
-        }
-      ],
-      "sidebar": [
-        {
-          "x": "0",
-          "y": "3",
-          "blur": "4",
-          "spread": "0",
-          "color": "#0000001A",
-          "type": "dropShadow"
-        },
-        {
-          "x": "10",
-          "y": "10",
-          "blur": "60",
-          "spread": "0",
-          "color": "#0000001A",
-          "type": "dropShadow"
-        }
-      ],
-      "stickyfooter": [
-        {
-          "x": "0",
-          "y": "-1",
-          "blur": "2",
-          "spread": "0",
-          "color": "#0000001A",
-          "type": "dropShadow"
-        },
-        {
-          "x": "2",
-          "y": "-2",
-          "blur": "10",
-          "spread": "0",
-          "color": "#00000033",
-          "type": "dropShadow"
-        }
-      ],
-      "card": {
-        "enabled": [
-          {
-            "x": "0",
-            "y": "1",
-            "blur": "2",
-            "spread": "0",
-            "color": "#0000001A",
-            "type": "dropShadow"
-          },
-          {
-            "x": "2",
-            "y": "2",
-            "blur": "10",
-            "spread": "0",
-            "color": "#00000033",
-            "type": "dropShadow"
-          }
-        ],
-        "hover": [
-          {
-            "x": "0",
-            "y": "2",
-            "blur": "3",
-            "spread": "0",
-            "color": "#0000001A",
-            "type": "dropShadow"
-          },
-          {
-            "x": "6",
-            "y": "6",
-            "blur": "30",
-            "spread": "0",
-            "color": "#00000026",
-            "type": "dropShadow"
-          }
-        ],
-        "drag": [
-          {
-            "x": "0",
-            "y": "3",
-            "blur": "4",
-            "spread": "0",
-            "color": "#0000001A",
-            "type": "dropShadow"
-          },
-          {
-            "x": "10",
-            "y": "10",
-            "blur": "60",
-            "spread": "0",
-            "color": "#0000001A",
-            "type": "dropShadow"
-          }
-        ]
-      }
-    },
-    "borderwidth": {
-      "AIgradient": 8,
-      "dialog": 1,
-      "divider": 1,
-      "drawer": 1,
-      "footer": 1,
-      "header": 1,
-      "linkpreview": 1,
-      "note": 1,
-      "profileselector": 1,
-      "nudge": 6,
-      "sidebar": 1,
-      "summarylist": 1,
-      "tile": 1,
-      "accordion": {
-        "standard": 1,
-        "subtle": 2
-      },
-      "filepreview": {
-        "container": 1,
-        "enabled": 1,
-        "active": 2
-      },
-      "tileselect": {
-        "active": 1,
-        "inactive": 1,
-        "selected": 2,
-        "unavailable": 1,
-        "enabled": 1
-      }
-    },
-    "opacity": {
-      "carousel": {
-        "hidden": "0.3"
-      },
-      "dialog": {
-        "dimmer": "0.4"
-      },
-      "drag": {
-        "ghost": "0.5"
-      }
-    },
-    "typography": {
-      "adaptive": {
-        "heading": {
-          "M": {
-            "fontFamily": "Sage UI",
-            "fontWeight": "500",
-            "lineHeight": 1.25,
-            "fontSize": "19px"
-          },
-          "L": {
-            "fontFamily": "Sage UI",
-            "fontWeight": "700",
-            "lineHeight": 1.25,
-            "fontSize": "21px"
-          }
-        },
-        "subheading": {
-          "M": {
-            "fontFamily": "Sage UI",
-            "fontWeight": "500",
-            "lineHeight": 1.25,
-            "fontSize": "16px"
-          }
-        },
-        "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"
-          }
-        },
-        "paragraph": {
-          "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": {
-        "heading": {
-          "M": {
-            "fontFamily": "Sage UI",
-            "fontWeight": "500",
-            "lineHeight": 1.25,
-            "fontSize": "clamp(1.1646rem, 1.1207rem + 0.2195vw, 1.2964rem)"
-          },
-          "L": {
-            "fontFamily": "Sage UI",
-            "fontWeight": "700",
-            "lineHeight": 1.25,
-            "fontSize": "clamp(1.2811rem, 1.2155rem + 0.3279vw, 1.4778rem)"
-          }
-        },
-        "subheading": {
-          "M": {
-            "fontFamily": "Sage UI",
-            "fontWeight": "500",
-            "lineHeight": 1.25,
-            "fontSize": "clamp(0.9625rem, 0.9508rem + 0.0583vw, 0.9975rem)"
-          }
-        },
-        "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"
-          }
-        },
-        "paragraph": {
-          "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"
-          }
-        }
-      }
-    }
-  }
-}