diff --git a/packages/design-system/src/__generated__/figma-design-tokens.json b/packages/design-system/src/__generated__/figma-design-tokens.json index 0fb4d41ccdf5..eacda2e74a18 100644 --- a/packages/design-system/src/__generated__/figma-design-tokens.json +++ b/packages/design-system/src/__generated__/figma-design-tokens.json @@ -5,18 +5,18 @@ { "color": "#0000001a", "type": "dropShadow", - "x": 0, - "y": 2, - "blur": 7, - "spread": 0 + "x": "0", + "y": "2", + "blur": "7", + "spread": "0" }, { "color": "#0000004d", "type": "dropShadow", - "x": 0, - "y": 5, - "blur": 17, - "spread": 0 + "x": "0", + "y": "5", + "blur": "17", + "spread": "0" } ], "type": "boxShadow" @@ -449,7 +449,7 @@ "description": "used for destructive button and accent color on destructive toast" }, "notification": { - "value": "#ffefef", + "value": "#ffe9e9", "type": "color", "description": "background for destructive toast" } @@ -484,7 +484,7 @@ "type": "color" }, "notification": { - "value": "#edf6ff", + "value": "#e0f0ff", "type": "color", "description": "background for info banner & toast" } @@ -1108,6 +1108,28 @@ "value": "#006adc", "type": "color", "description": "Text links that are not yet visited." + }, + "link-hover": { + "main": { + "value": "#656869", + "type": "color", + "description": "The color of a text link in the hover state when the normal text is foreground.main" + }, + "text-subtle": { + "value": "#656869", + "type": "color", + "description": "The color of a text link in the hover state when the normal text is foreground.text-subtle" + }, + "text-more-subtle": { + "value": "#656869", + "type": "color", + "description": "The color of a text link in the hover state when the normal text is foreground.text-more-subtle" + }, + "contrast": { + "value": "#adb1b4", + "type": "color", + "description": "The color of a text link in the hover state when the normal text is foreground.contrast.main" + } } }, "Brand": { @@ -1115,10 +1137,10 @@ "value": { "color": "#1717171a", "type": "dropShadow", - "x": 0, - "y": 4, - "blur": 4, - "spread": 0 + "x": "0", + "y": "4", + "blur": "4", + "spread": "0" }, "type": "boxShadow", "description": "elevation for small things within the dashboard" @@ -1127,10 +1149,10 @@ "value": { "color": "#1717171a", "type": "dropShadow", - "x": 0, - "y": 8, - "blur": 16, - "spread": 0 + "x": "0", + "y": "8", + "blur": "16", + "spread": "0" }, "type": "boxShadow", "description": "elevation for big things within the dashboard" @@ -1371,18 +1393,18 @@ { "color": "#00000014", "type": "dropShadow", - "x": 0, - "y": 4, - "blur": 15, - "spread": 0 + "x": "0", + "y": "4", + "blur": "15", + "spread": "0" }, { "color": "#00000014", "type": "dropShadow", - "x": 0, - "y": 1, - "blur": 7, - "spread": 0 + "x": "0", + "y": "1", + "blur": "7", + "spread": "0" } ], "type": "boxShadow", @@ -1426,13 +1448,6 @@ "value": "linear-gradient(180deg, #9697fc 0%, #4a4efa00 100%)", "type": "color" }, - "backgrond": { - "menu-hint": { - "value": "#dedede", - "type": "color", - "description": "For the background of the hint menu item." - } - }, "Link": { "value": { "fontFamily": "{fontFamilies.inter}", @@ -1447,6 +1462,66 @@ }, "type": "typography", "description": "link text" + }, + "Regular Link": { + "value": { + "fontFamily": "{fontFamilies.inter}", + "fontWeight": "{fontWeights.inter-0}", + "lineHeight": "{lineHeights.0}", + "fontSize": "{fontSize.2}", + "letterSpacing": "{letterSpacing.0}", + "paragraphSpacing": "{paragraphSpacing.0}", + "paragraphIndent": "{paragraphIndent.0}", + "textCase": "{textCase.none}", + "textDecoration": "{textDecoration.underline}" + }, + "type": "typography", + "description": "Regular text underlined to represent links within a body of Regular text" + }, + "Label Link": { + "value": { + "fontFamily": "{fontFamilies.inter}", + "fontWeight": "{fontWeights.inter-2}", + "lineHeight": "{lineHeights.0}", + "fontSize": "{fontSize.2}", + "letterSpacing": "{letterSpacing.0}", + "paragraphSpacing": "{paragraphSpacing.0}", + "paragraphIndent": "{paragraphIndent.0}", + "textCase": "{textCase.none}", + "textDecoration": "{textDecoration.underline}" + }, + "type": "typography", + "description": "Label text with underline to represent links in Label text. Sentence case." + }, + "Mono Bold Link": { + "value": { + "fontFamily": "{fontFamilies.roboto-mono}", + "fontWeight": "{fontWeights.roboto-mono-3}", + "lineHeight": "{lineHeights.0}", + "fontSize": "{fontSize.2}", + "letterSpacing": "{letterSpacing.2}", + "paragraphSpacing": "{paragraphSpacing.0}", + "paragraphIndent": "{paragraphIndent.0}", + "textCase": "{textCase.none}", + "textDecoration": "{textDecoration.underline}" + }, + "type": "typography", + "description": "Mono Bold text style with underline to indicate a text link" + }, + "Mono Link": { + "value": { + "fontFamily": "{fontFamilies.roboto-mono}", + "fontWeight": "{fontWeights.roboto-mono-3}", + "lineHeight": "{lineHeights.0}", + "fontSize": "{fontSize.2}", + "letterSpacing": "{letterSpacing.2}", + "paragraphSpacing": "{paragraphSpacing.0}", + "paragraphIndent": "{paragraphIndent.0}", + "textCase": "{textCase.none}", + "textDecoration": "{textDecoration.underline}" + }, + "type": "typography", + "description": "Mono text style with underline to indicate a text link" } }, "$themes": [],