@wfp/themes-core
Version:
Themes for un core
1,610 lines • 71.9 kB
JSON
{
"Global": {
"Brand": {
"WFP-Blue": {
"WFP-Blue10": {
"value": "#002233",
"type": "color"
},
"WFP-Blue20": {
"value": "#004d73",
"type": "color"
},
"WFP-Blue30": {
"value": "#007dbc",
"type": "color",
"description": "Main UI colour"
},
"WFP-Blue40": {
"value": "#0d9ae1",
"type": "color"
},
"WFP-Blue50": {
"value": "#22abf0",
"type": "color"
},
"WFP-Blue60": {
"value": "#3eb9f7",
"type": "color"
},
"WFP-Blue70": {
"value": "#62c8fb",
"type": "color"
},
"WFP-Blue80": {
"value": "#90d9fd",
"type": "color"
},
"WFP-Blue90": {
"value": "#c5ecff",
"type": "color"
},
"WFP-Blue95": {
"value": "#f0faff",
"type": "color"
}
},
"Dark-Blue": {
"Dark-Blue10": {
"value": "#001233",
"type": "color"
},
"Dark-Blue20": {
"value": "#0d295c",
"type": "color"
},
"Dark-Blue30": {
"value": "#1b4ca6",
"type": "color"
},
"Dark-Blue40": {
"value": "#2a63cd",
"type": "color"
},
"Dark-Blue50": {
"value": "#3b75de",
"type": "color"
},
"Dark-Blue60": {
"value": "#5388e8",
"type": "color"
},
"Dark-Blue70": {
"value": "#739fef",
"type": "color"
},
"Dark-Blue80": {
"value": "#9cbbf3",
"type": "color"
},
"Dark-Blue90": {
"value": "#cddcf7",
"type": "color"
},
"Dark-Blue95": {
"value": "#f2f6fd",
"type": "color"
}
}
},
"Semantic": {
"Alert": {
"Alert10": {
"value": "#2f2400",
"type": "color"
},
"Alert20": {
"value": "#4a3900",
"type": "color"
},
"Alert30": {
"value": "#665000",
"type": "color"
},
"Alert40": {
"value": "#a28100",
"type": "color"
},
"Alert50": {
"value": "#e3b500",
"type": "color"
},
"Alert60": {
"value": "#ffd100",
"type": "color"
},
"Alert70": {
"value": "#ffdc44",
"type": "color"
},
"Alert80": {
"value": "#ffe582",
"type": "color"
},
"Alert90": {
"value": "#ffefb0",
"type": "color"
},
"Alert95": {
"value": "#FFF5D0",
"type": "color"
}
},
"Error": {
"Error10": {
"value": "#38000c",
"type": "color"
},
"Error20": {
"value": "#5c0014",
"type": "color"
},
"Error30": {
"value": "#86001d",
"type": "color"
},
"Error40": {
"value": "#b40027",
"type": "color"
},
"Error50": {
"value": "#e4002b",
"type": "color"
},
"Error60": {
"value": "#fc3b53",
"type": "color"
},
"Error70": {
"value": "#fc777e",
"type": "color"
},
"Error80": {
"value": "#fda6a8",
"type": "color"
},
"Error90": {
"value": "#fed3d3",
"type": "color"
},
"Error95": {
"value": "#fee9e9",
"type": "color"
}
},
"Success": {
"Success10": {
"value": "#051e0e",
"type": "color"
},
"Success20": {
"value": "#083216",
"type": "color"
},
"Success30": {
"value": "#0b4a20",
"type": "color"
},
"Success40": {
"value": "#0f642c",
"type": "color"
},
"Success50": {
"value": "#148038",
"type": "color"
},
"Success60": {
"value": "#00ab4a",
"type": "color"
},
"Success70": {
"value": "#36bd5b",
"type": "color"
},
"Success80": {
"value": "#53dd73",
"type": "color"
},
"Success90": {
"value": "#83f79b",
"type": "color"
},
"Success95": {
"value": "#e2ffe4",
"type": "color"
}
}
},
"Neutral": {
"Neutral0(black)": {
"value": "#13162B",
"type": "color"
},
"Neutral10": {
"value": "#343639",
"type": "color"
},
"Neutral20": {
"value": "#71767e",
"type": "color"
},
"Neutral30": {
"value": "#a7adb9",
"type": "color"
},
"Neutral40": {
"value": "#c4cad7",
"type": "color"
},
"Neutral50": {
"value": "#d3dae6",
"type": "color"
},
"Neutral60": {
"value": "#dde3ef",
"type": "color"
},
"Neutral70": {
"value": "#e4eaf5",
"type": "color"
},
"Neutral80": {
"value": "#eaeff8",
"type": "color"
},
"Neutral90": {
"value": "#f0f4fb",
"type": "color"
},
"Neutral95": {
"value": "#f5f8fd",
"type": "color"
},
"Neutral100 (white)": {
"value": "#ffffff",
"type": "color"
}
},
"fontFamily": {
"primary": {
"value": "Open Sans",
"type": "fontFamily",
"description": "Primary font used"
},
"monospace": {
"value": "\"Source Code Pro\", monospace",
"type": "fontFamily",
"description": "Monospace font used for code examples"
},
"NotoSans": {
"value": "Noto Sans",
"type": "fontFamily",
"description": "International secondary font"
}
},
"lineHeight": {
"75": {
"value": "120%",
"type": "lineHeights"
},
"100": {
"value": "AUTO",
"type": "lineHeights"
},
"125": {
"value": "150%",
"type": "lineHeights"
}
},
"fontWeight": {
"Regular": {
"value": "Regular",
"type": "fontWeights"
},
"Bold": {
"value": "Bold",
"type": "fontWeights"
},
"SemiBold": {
"value": "SemiBold",
"type": "fontWeights"
}
},
"fontSize": {
"Desktop": {
"25": {
"value": "10",
"type": "fontSizes"
},
"50": {
"value": "12",
"type": "fontSizes"
},
"75": {
"value": "14",
"type": "fontSizes",
"description": "Text Input"
},
"100": {
"value": "16",
"type": "fontSizes"
},
"150": {
"value": "18",
"type": "fontSizes"
},
"200": {
"value": "24",
"type": "fontSizes"
},
"300": {
"value": "30",
"type": "fontSizes"
},
"400": {
"value": "32",
"type": "fontSizes"
},
"500": {
"value": "34",
"type": "fontSizes"
},
"600": {
"value": "44",
"type": "fontSizes"
},
"700": {
"value": "56",
"type": "fontSizes"
}
},
"Mobile": {
"25": {
"value": "10",
"type": "fontSizes"
},
"50": {
"value": "12",
"type": "fontSizes"
},
"75": {
"value": "14",
"type": "fontSizes",
"description": "Text Input"
},
"100": {
"value": "16",
"type": "fontSizes"
},
"150": {
"value": "18",
"type": "fontSizes"
},
"200": {
"value": "18",
"type": "fontSizes"
},
"300": {
"value": "20",
"type": "fontSizes"
},
"400": {
"value": "22",
"type": "fontSizes"
},
"500": {
"value": "25",
"type": "fontSizes"
},
"600": {
"value": "28",
"type": "fontSizes"
},
"700": {
"value": "32",
"type": "fontSizes"
}
}
},
"letterSpacing": {
"75": {
"value": "-2%",
"type": "letterSpacing"
},
"100": {
"value": "0",
"type": "letterSpacing"
},
"125": {
"value": "2%",
"type": "letterSpacing"
}
},
"spacing": {
"50": {
"value": "2px",
"type": "spacing"
},
"75": {
"value": "4px",
"type": "spacing"
},
"100": {
"value": "8px",
"type": "spacing"
},
"200": {
"value": "12px",
"type": "spacing"
},
"300": {
"value": "16px",
"type": "spacing"
},
"400": {
"value": "24px",
"type": "spacing"
},
"500": {
"value": "32px",
"type": "spacing"
},
"600": {
"value": "40px",
"type": "spacing"
},
"700": {
"value": "48px",
"type": "spacing"
},
"800": {
"value": "64px",
"type": "spacing"
},
"900": {
"value": "80px",
"type": "spacing"
},
"1000": {
"value": "96px",
"type": "spacing"
}
},
"borderRadius": {
"100": {
"value": "2px",
"type": "borderRadius"
},
"200": {
"value": "4px",
"type": "borderRadius"
},
"300": {
"value": "6px",
"type": "borderRadius"
}
},
"borderWidth": {
"100": {
"value": "1px",
"type": "borderWidth"
},
"200": {
"value": "2px",
"type": "borderWidth"
},
"300": {
"value": "4px",
"type": "borderWidth"
}
},
"Content": {
"Content1-Aquamarine": {
"Content1-10": {
"value": "#002933",
"type": "color"
},
"Content1-20": {
"value": "#00586e",
"type": "color"
},
"Content1-30": {
"value": "#008eb2",
"type": "color"
},
"Content1-40": {
"value": "#0dafd8",
"type": "color"
},
"Content1-50": {
"value": "#20c0e8",
"type": "color"
},
"Content1-60": {
"value": "#3cccf1",
"type": "color"
},
"Content1-70": {
"value": "#60d7f6",
"type": "color"
},
"Content1-80": {
"value": "#8ee3f9",
"type": "color"
},
"Content1-90": {
"value": "#c3f0fb",
"type": "color"
},
"Content1-95": {
"value": "#effbfe",
"type": "color"
}
},
"Content2-Burgundy": {
"Content2-10": {
"value": "#33001e",
"type": "color"
},
"Content2-20": {
"value": "#4b002c",
"type": "color"
},
"Content2-30": {
"value": "#64003b",
"type": "color"
},
"Content2-40": {
"value": "#7d0049",
"type": "color"
},
" Content2-50": {
"value": "#950158",
"type": "color"
},
"Content2-60": {
"value": "#ab176e",
"type": "color"
},
"Content2-70": {
"value": "#c03988",
"type": "color"
},
"Content2-80": {
"value": "#d669a9",
"type": "color"
},
"Content2-90": {
"value": "#eba9d0",
"type": "color"
},
"Content2-95": {
"value": "#fae7f2",
"type": "color"
}
},
"Content3-DarkGreen": {
"Content3-10": {
"value": "#003326",
"type": "color"
},
"Content3-20": {
"value": "#004836",
"type": "color"
},
"Content3-30": {
"value": "#005d45",
"type": "color"
},
"Content3-40": {
"value": "#077458",
"type": "color"
},
"Content3-50": {
"value": "#138b6c",
"type": "color"
},
"Content3-60": {
"value": "#28a283",
"type": "color"
},
"Content3-70": {
"value": "#49b99c",
"type": "color"
},
"Content3-80": {
"value": "#76d0b9",
"type": "color"
},
"Content3-90": {
"value": "#b3e7da",
"type": "color"
},
"Content3-95": {
"value": "#ebf9f5",
"type": "color"
}
},
"Content4-EarthyBrown": {
"Content4-10": {
"value": "#331200",
"type": "color"
},
"Content4-20": {
"value": "#4b1b01",
"type": "color"
},
"Cream30": {
"value": "#632503",
"type": "color"
},
"Content4-40": {
"value": "#7a3109",
"type": "color"
},
"Content4-50": {
"value": "#924115",
"type": "color"
},
"Content4-60": {
"value": "#aa5628",
"type": "color"
},
"Content4-70": {
"value": "#c07349",
"type": "color"
},
"Content4-80": {
"value": "#d59978",
"type": "color"
},
"Content4-90": {
"value": "#ebc8b4",
"type": "color"
},
"Content4-95": {
"value": "#faf0eb",
"type": "color"
}
},
"Content5-Ivory": {
"Content5-10": {
"value": "#332a00",
"type": "color"
},
"Content5-20": {
"value": "#4a3d01",
"type": "color"
},
"Content5-30": {
"value": "#615004",
"type": "color"
},
"Content5-40": {
"value": "#78640b",
"type": "color"
},
"Content5-50": {
"value": "#907917",
"type": "color"
},
"Content5-60": {
"value": "#a7902b",
"type": "color"
},
"Content5-70": {
"value": "#bea84a",
"type": "color"
},
"Content5-80": {
"value": "#d5c376",
"type": "color"
},
"Content5-90": {
"value": "#ece1b1",
"type": "color"
},
"Content5-95": {
"value": "#fbf8ea",
"type": "color"
}
}
},
"BoxShadow": {
"100": {
"value": {
"x": "0",
"y": "2",
"blur": "6",
"spread": "0",
"color": "rgba(0,0,0,.2)",
"type": "dropShadow"
},
"type": "boxShadow"
}
}
},
"System": {
"Desktop": {
"Subtext": {
"S": {
"Regular": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.Regular}",
"lineHeight": "{lineHeight.125}",
"fontSize": "{fontSize.Desktop.25}",
"letterSpacing": "{letterSpacing.125}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
}
},
"M": {
"Regular": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.Regular}",
"lineHeight": "{lineHeight.125}",
"fontSize": "{fontSize.Desktop.50}",
"letterSpacing": "{letterSpacing.125}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"Bold": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.Bold}",
"lineHeight": "{lineHeight.125}",
"fontSize": "{fontSize.Desktop.50}",
"letterSpacing": "{letterSpacing.125}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
}
}
},
"Body": {
"S": {
"Regular": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.Regular}",
"lineHeight": "{lineHeight.125}",
"fontSize": "{fontSize.Desktop.75}",
"letterSpacing": "{letterSpacing.100}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"SemiBold": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.SemiBold}",
"lineHeight": "{lineHeight.125}",
"fontSize": "{fontSize.Desktop.75}",
"letterSpacing": "{letterSpacing.100}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"Bold": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.Bold}",
"lineHeight": "{lineHeight.125}",
"fontSize": "{fontSize.Desktop.75}",
"letterSpacing": "{letterSpacing.100}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
}
},
"M": {
"Regular": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.Regular}",
"lineHeight": "{lineHeight.75}",
"fontSize": "{fontSize.Desktop.100}",
"letterSpacing": "{letterSpacing.100}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"SemiBold": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.SemiBold}",
"lineHeight": "{lineHeight.75}",
"fontSize": "{fontSize.Desktop.100}",
"letterSpacing": "{letterSpacing.100}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"Bold": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.Bold}",
"lineHeight": "{lineHeight.75}",
"fontSize": "{fontSize.Desktop.100}",
"letterSpacing": "{letterSpacing.100}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
}
},
"L": {
"Regular": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.Regular}",
"lineHeight": "{lineHeight.75}",
"fontSize": "{fontSize.Desktop.150}",
"letterSpacing": "{letterSpacing.100}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"SemiBold": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.SemiBold}",
"lineHeight": "{lineHeight.75}",
"fontSize": "{fontSize.Desktop.150}",
"letterSpacing": "{letterSpacing.100}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"Bold": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.Bold}",
"lineHeight": "{lineHeight.75}",
"fontSize": "{fontSize.Desktop.150}",
"letterSpacing": "{letterSpacing.100}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
}
},
"XL": {
"Regular": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.Regular}",
"lineHeight": "{lineHeight.75}",
"fontSize": "{fontSize.Desktop.200}",
"letterSpacing": "{letterSpacing.100}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"SemiBold": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.SemiBold}",
"lineHeight": "{lineHeight.75}",
"fontSize": "{fontSize.Desktop.200}",
"letterSpacing": "{letterSpacing.100}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"Bold": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.Bold}",
"lineHeight": "{lineHeight.75}",
"fontSize": "{fontSize.Desktop.200}",
"letterSpacing": "{letterSpacing.100}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
}
}
},
"Heading": {
"XS": {
"Regular": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.Regular}",
"lineHeight": "{lineHeight.75}",
"fontSize": "{fontSize.Desktop.300}",
"letterSpacing": "{letterSpacing.75}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"SemiBold": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.SemiBold}",
"lineHeight": "{lineHeight.75}",
"fontSize": "{fontSize.Desktop.300}",
"letterSpacing": "{letterSpacing.75}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"Bold": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.Bold}",
"lineHeight": "{lineHeight.75}",
"fontSize": "{fontSize.Desktop.300}",
"letterSpacing": "{letterSpacing.75}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
}
},
"S": {
"Regular": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.Regular}",
"lineHeight": "{lineHeight.75}",
"fontSize": "{fontSize.Desktop.400}",
"letterSpacing": "{letterSpacing.75}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"SemiBold": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.SemiBold}",
"lineHeight": "{lineHeight.75}",
"fontSize": "{fontSize.Desktop.400}",
"letterSpacing": "{letterSpacing.75}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"Bold": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.Bold}",
"lineHeight": "{lineHeight.75}",
"fontSize": "{fontSize.Desktop.400}",
"letterSpacing": "{letterSpacing.75}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
}
},
"M": {
"Regular": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.Regular}",
"lineHeight": "{lineHeight.75}",
"fontSize": "{fontSize.Desktop.500}",
"letterSpacing": "{letterSpacing.75}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"SemiBold": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.SemiBold}",
"lineHeight": "{lineHeight.75}",
"fontSize": "{fontSize.Desktop.500}",
"letterSpacing": "{letterSpacing.75}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"Bold": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.Bold}",
"lineHeight": "{lineHeight.75}",
"fontSize": "{fontSize.Desktop.500}",
"letterSpacing": "{letterSpacing.75}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
}
},
"L": {
"Regular": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.Regular}",
"lineHeight": "{lineHeight.75}",
"fontSize": "{fontSize.Desktop.600}",
"letterSpacing": "{letterSpacing.75}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"SemiBold": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.SemiBold}",
"lineHeight": "{lineHeight.75}",
"fontSize": "{fontSize.Desktop.600}",
"letterSpacing": "{letterSpacing.75}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"Bold": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.Bold}",
"lineHeight": "{lineHeight.75}",
"fontSize": "{fontSize.Desktop.600}",
"letterSpacing": "{letterSpacing.75}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
}
},
"XL": {
"Bold": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.Bold}",
"lineHeight": "{lineHeight.75}",
"fontSize": "{fontSize.Desktop.700}",
"letterSpacing": "{letterSpacing.75}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"SemiBold": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.SemiBold}",
"lineHeight": "{lineHeight.75}",
"fontSize": "{fontSize.Desktop.700}",
"letterSpacing": "{letterSpacing.75}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
}
}
},
"Functional": {
"TextInput": {
"value": "{Desktop.Body.S.Regular}",
"type": "typography"
},
"Caption": {
"value": "{Desktop.Subtext.S.Regular}",
"type": "typography"
}
}
},
"Mobile": {
"Subtext": {
"S": {
"Regular": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.Regular}",
"lineHeight": "{lineHeight.75}",
"fontSize": "{fontSize.Mobile.25}",
"letterSpacing": "{letterSpacing.125}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
}
},
"M": {
"Regular": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.Regular}",
"lineHeight": "{lineHeight.100}",
"fontSize": "{fontSize.Mobile.50}",
"letterSpacing": "{letterSpacing.125}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"Bold": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.Bold}",
"lineHeight": "{lineHeight.100}",
"fontSize": "{fontSize.Mobile.50}",
"letterSpacing": "{letterSpacing.125}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
}
}
},
"Body": {
"S": {
"Regular": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.Regular}",
"lineHeight": "{lineHeight.100}",
"fontSize": "{fontSize.Mobile.75}",
"letterSpacing": "{letterSpacing.100}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"SemiBold": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.SemiBold}",
"lineHeight": "{lineHeight.100}",
"fontSize": "{fontSize.Mobile.75}",
"letterSpacing": "{letterSpacing.100}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"Bold": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.Bold}",
"lineHeight": "{lineHeight.100}",
"fontSize": "{fontSize.Mobile.75}",
"letterSpacing": "{letterSpacing.100}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
}
},
"M": {
"Regular": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.Regular}",
"lineHeight": "{lineHeight.75}",
"fontSize": "{fontSize.Mobile.100}",
"letterSpacing": "{letterSpacing.100}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"SemiBold": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.SemiBold}",
"lineHeight": "{lineHeight.75}",
"fontSize": "{fontSize.Mobile.100}",
"letterSpacing": "{letterSpacing.100}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"Bold": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.Bold}",
"lineHeight": "{lineHeight.75}",
"fontSize": "{fontSize.Mobile.100}",
"letterSpacing": "{letterSpacing.100}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
}
},
"L": {
"Regular": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.Regular}",
"lineHeight": "{lineHeight.75}",
"fontSize": "{fontSize.Mobile.150}",
"letterSpacing": "{letterSpacing.100}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"Semibold": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.SemiBold}",
"lineHeight": "{lineHeight.75}",
"fontSize": "{fontSize.Mobile.150}",
"letterSpacing": "{letterSpacing.100}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"Bold": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.Bold}",
"lineHeight": "{lineHeight.75}",
"fontSize": "{fontSize.Mobile.150}",
"letterSpacing": "{letterSpacing.100}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
}
},
"XL": {
"Regular": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.Regular}",
"lineHeight": "{lineHeight.75}",
"fontSize": "{fontSize.Mobile.200}",
"letterSpacing": "{letterSpacing.100}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"SemiBold": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.SemiBold}",
"lineHeight": "{lineHeight.75}",
"fontSize": "{fontSize.Mobile.200}",
"letterSpacing": "{letterSpacing.100}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"Bold": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.Bold}",
"lineHeight": "{lineHeight.75}",
"fontSize": "{fontSize.Mobile.200}",
"letterSpacing": "{letterSpacing.100}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
}
}
},
"Heading": {
"XS": {
"Regular": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.Regular}",
"lineHeight": "{lineHeight.75}",
"fontSize": "{fontSize.Mobile.300}",
"letterSpacing": "{letterSpacing.75}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"SemiBold": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.SemiBold}",
"lineHeight": "{lineHeight.75}",
"fontSize": "{fontSize.Mobile.300}",
"letterSpacing": "{letterSpacing.75}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"Bold": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.Bold}",
"lineHeight": "{lineHeight.75}",
"fontSize": "{fontSize.Mobile.300}",
"letterSpacing": "{letterSpacing.75}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
}
},
"S": {
"Regular": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.Regular}",
"lineHeight": "{lineHeight.75}",
"fontSize": "{fontSize.Mobile.400}",
"letterSpacing": "{letterSpacing.75}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"SemiBold": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.SemiBold}",
"lineHeight": "{lineHeight.75}",
"fontSize": "{fontSize.Mobile.400}",
"letterSpacing": "{letterSpacing.75}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"Bold": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.Bold}",
"lineHeight": "{lineHeight.75}",
"fontSize": "{fontSize.Mobile.400}",
"letterSpacing": "{letterSpacing.75}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
}
},
"M": {
"Regular": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.Regular}",
"lineHeight": "{lineHeight.75}",
"fontSize": "{fontSize.Mobile.500}",
"letterSpacing": "{letterSpacing.75}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"SemiBold": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.SemiBold}",
"lineHeight": "{lineHeight.75}",
"fontSize": "{fontSize.Mobile.500}",
"letterSpacing": "{letterSpacing.75}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"Bold": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.Bold}",
"lineHeight": "{lineHeight.75}",
"fontSize": "{fontSize.Mobile.500}",
"letterSpacing": "{letterSpacing.75}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
}
},
"L": {
"Regular": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.Regular}",
"lineHeight": "{lineHeight.75}",
"fontSize": "{fontSize.Mobile.600}",
"letterSpacing": "{letterSpacing.75}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"SemiBold": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.SemiBold}",
"lineHeight": "{lineHeight.75}",
"fontSize": "{fontSize.Mobile.600}",
"letterSpacing": "{letterSpacing.75}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"Bold": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.Bold}",
"lineHeight": "{lineHeight.75}",
"fontSize": "{fontSize.Mobile.600}",
"letterSpacing": "{letterSpacing.75}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
}
},
"XL": {
"Semibold": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.SemiBold}",
"lineHeight": "{lineHeight.75}",
"fontSize": "{fontSize.Mobile.700}",
"letterSpacing": "{letterSpacing.75}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
},
"Bold": {
"value": {
"fontFamily": "{fontFamily.primary}",
"fontWeight": "{fontWeight.Bold}",
"lineHeight": "{lineHeight.125}",
"fontSize": "{fontSize.Mobile.700}",
"letterSpacing": "{letterSpacing.75}",
"paragraphSpacing": "{paragraphSpacing.0}",
"paragraphIndent": "{paragraphIndent.0}",
"textCase": "{textCase.none}",
"textDecoration": "{textDecoration.none}"
},
"type": "typography"
}
}
}
},
"Pr