@skillzet/tokens
Version:
Design Tokens
2,456 lines • 167 kB
JSON
{
"baseRadius": {
"value": 8,
"type": "borderRadius",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": 8,
"type": "borderRadius"
},
"name": "baseRadius",
"attributes": {},
"path": [
"baseRadius"
]
},
"primary": {
"contrast-text": {
"value": "#ffffff",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#ffffff",
"type": "color"
},
"name": "contrast-text",
"attributes": {},
"path": [
"primary",
"contrast-text"
]
},
"main": {
"value": "#6e7ae8",
"type": "color",
"description": "blue-500",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#6e7ae8",
"type": "color",
"description": "blue-500"
},
"name": "main",
"attributes": {},
"path": [
"primary",
"main"
]
},
"light": {
"value": "#a3a9ff",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#a3a9ff",
"type": "color"
},
"name": "light",
"attributes": {},
"path": [
"primary",
"light"
]
},
"dark": {
"value": "#364eb5",
"type": "color",
"description": "Used for: hover buttons",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#364eb5",
"type": "color",
"description": "Used for: hover buttons"
},
"name": "dark",
"attributes": {},
"path": [
"primary",
"dark"
]
},
"background": {
"value": "#f6f6fb",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#f6f6fb",
"type": "color"
},
"name": "background",
"attributes": {},
"path": [
"primary",
"background"
]
},
"border": {
"value": "#6e7ae8",
"type": "color",
"description": "Used for: borders",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#6e7ae8",
"type": "color",
"description": "Used for: borders"
},
"name": "border",
"attributes": {},
"path": [
"primary",
"border"
]
}
},
"secondary": {
"contrast-text": {
"value": "#ffffff",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#ffffff",
"type": "color"
},
"name": "contrast-text",
"attributes": {},
"path": [
"secondary",
"contrast-text"
]
},
"main": {
"value": "#cd48e8",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#cd48e8",
"type": "color"
},
"name": "main",
"attributes": {},
"path": [
"secondary",
"main"
]
},
"light": {
"value": "#ff7dff",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#ff7dff",
"type": "color"
},
"name": "light",
"attributes": {},
"path": [
"secondary",
"light"
]
},
"dark": {
"value": "#9800b5",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#9800b5",
"type": "color"
},
"name": "dark",
"attributes": {},
"path": [
"secondary",
"dark"
]
},
"background": {
"value": "#faf3fb",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#faf3fb",
"type": "color"
},
"name": "background",
"attributes": {},
"path": [
"secondary",
"background"
]
},
"border": {
"value": "#eab7f4",
"type": "color",
"description": "Used for: borders",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#eab7f4",
"type": "color",
"description": "Used for: borders"
},
"name": "border",
"attributes": {},
"path": [
"secondary",
"border"
]
}
},
"text": {
"primary": {
"value": "#2e323a",
"type": "color",
"description": "Text primary",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#2e323a",
"type": "color",
"description": "Text primary"
},
"name": "primary",
"attributes": {},
"path": [
"text",
"primary"
]
},
"secondary": {
"value": "#717b8f",
"type": "color",
"description": "Text secondary",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#717b8f",
"type": "color",
"description": "Text secondary"
},
"name": "secondary",
"attributes": {},
"path": [
"text",
"secondary"
]
},
"disabled": {
"value": "#00000061",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#00000061",
"type": "color"
},
"name": "disabled",
"attributes": {},
"path": [
"text",
"disabled"
]
},
"hint": {
"value": "#00000061",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#00000061",
"type": "color"
},
"name": "hint",
"attributes": {},
"path": [
"text",
"hint"
]
}
},
"action": {
"main": {
"value": "#e0e0e0",
"type": "color",
"description": "Used for: buttons, anything that uses default",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#e0e0e0",
"type": "color",
"description": "Used for: buttons, anything that uses default"
},
"name": "main",
"attributes": {},
"path": [
"action",
"main"
]
},
"hover": {
"value": "#00000066",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#00000066",
"type": "color"
},
"name": "hover",
"attributes": {},
"path": [
"action",
"hover"
]
},
"selected": {
"value": "#00000014",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#00000014",
"type": "color"
},
"name": "selected",
"attributes": {},
"path": [
"action",
"selected"
]
},
"disabled-bg": {
"value": "#0000001f",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#0000001f",
"type": "color"
},
"name": "disabled-bg",
"attributes": {},
"path": [
"action",
"disabled-bg"
]
},
"disabled": {
"value": "#00000042",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#00000042",
"type": "color"
},
"name": "disabled",
"attributes": {},
"path": [
"action",
"disabled"
]
},
"focus": {
"value": "#0000001f",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#0000001f",
"type": "color"
},
"name": "focus",
"attributes": {},
"path": [
"action",
"focus"
]
}
},
"other": {
"border": {
"value": "#bdbdbd",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#bdbdbd",
"type": "color"
},
"name": "border",
"attributes": {},
"path": [
"other",
"border"
]
},
"white": {
"value": "#ffffff",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#ffffff",
"type": "color"
},
"name": "white",
"attributes": {},
"path": [
"other",
"white"
]
},
"backdrop": {
"value": "#757575",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#757575",
"type": "color"
},
"name": "backdrop",
"attributes": {},
"path": [
"other",
"backdrop"
]
},
"divider": {
"value": "#0000001f",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#0000001f",
"type": "color"
},
"name": "divider",
"attributes": {},
"path": [
"other",
"divider"
]
},
"snackbar": {
"value": "#424242",
"type": "color",
"description": "snackbar default bg",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#424242",
"type": "color",
"description": "snackbar default bg"
},
"name": "snackbar",
"attributes": {},
"path": [
"other",
"snackbar"
]
},
"active-rating": {
"value": "#ffb400",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#ffb400",
"type": "color"
},
"name": "active-rating",
"attributes": {},
"path": [
"other",
"active-rating"
]
}
},
"info": {
"contrast-text": {
"value": "#ffffff",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#ffffff",
"type": "color"
},
"name": "contrast-text",
"attributes": {},
"path": [
"info",
"contrast-text"
]
},
"main": {
"value": "#4890e8",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#4890e8",
"type": "color"
},
"name": "main",
"attributes": {},
"path": [
"info",
"main"
]
},
"dark": {
"value": "#0063b5",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#0063b5",
"type": "color"
},
"name": "dark",
"attributes": {},
"path": [
"info",
"dark"
]
},
"light": {
"value": "#82c0ff",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#82c0ff",
"type": "color"
},
"name": "light",
"attributes": {},
"path": [
"info",
"light"
]
},
"text-dark": {
"value": "#0d3c61",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#0d3c61",
"type": "color"
},
"name": "text-dark",
"attributes": {},
"path": [
"info",
"text-dark"
]
},
"light-bg": {
"value": "#f1f8fe",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#f1f8fe",
"type": "color"
},
"name": "light-bg",
"attributes": {},
"path": [
"info",
"light-bg"
]
}
},
"success": {
"contrast-text": {
"value": "#ffffff",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#ffffff",
"type": "color"
},
"name": "contrast-text",
"attributes": {},
"path": [
"success",
"contrast-text"
]
},
"main": {
"value": "#7db534",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#7db534",
"type": "color"
},
"name": "main",
"attributes": {},
"path": [
"success",
"main"
]
},
"dark": {
"value": "#4c8500",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#4c8500",
"type": "color"
},
"name": "dark",
"attributes": {},
"path": [
"success",
"dark"
]
},
"light": {
"value": "#b0e765",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#b0e765",
"type": "color"
},
"name": "light",
"attributes": {},
"path": [
"success",
"light"
]
},
"light-bg": {
"value": "#f8fbf3",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#f8fbf3",
"type": "color"
},
"name": "light-bg",
"attributes": {},
"path": [
"success",
"light-bg"
]
},
"dark-text": {
"value": "#1e4620",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#1e4620",
"type": "color"
},
"name": "dark-text",
"attributes": {},
"path": [
"success",
"dark-text"
]
}
},
"error": {
"main": {
"value": "#a43f23",
"type": "color",
"description": "red 500",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#a43f23",
"type": "color",
"description": "red 500"
},
"name": "main",
"attributes": {},
"path": [
"error",
"main"
]
},
"contrast-text": {
"value": "#ffffff",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#ffffff",
"type": "color"
},
"name": "contrast-text",
"attributes": {},
"path": [
"error",
"contrast-text"
]
},
"light": {
"value": "#ff997f",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#ff997f",
"type": "color"
},
"name": "light",
"attributes": {},
"path": [
"error",
"light"
]
},
"dark": {
"value": "#a63a29",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#a63a29",
"type": "color"
},
"name": "dark",
"attributes": {},
"path": [
"error",
"dark"
]
},
"dark-text": {
"value": "#621b16",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#621b16",
"type": "color"
},
"name": "dark-text",
"attributes": {},
"path": [
"error",
"dark-text"
]
},
"light-bg": {
"value": "#fef6f6",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#fef6f6",
"type": "color"
},
"name": "light-bg",
"attributes": {},
"path": [
"error",
"light-bg"
]
}
},
"warning": {
"contrast-text": {
"value": "#000000",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#000000",
"type": "color"
},
"name": "contrast-text",
"attributes": {},
"path": [
"warning",
"contrast-text"
]
},
"main": {
"value": "#f59b2c",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#f59b2c",
"type": "color"
},
"name": "main",
"attributes": {},
"path": [
"warning",
"main"
]
},
"dark": {
"value": "#bd6c00",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#bd6c00",
"type": "color"
},
"name": "dark",
"attributes": {},
"path": [
"warning",
"dark"
]
},
"light": {
"value": "#ffcc5e",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#ffcc5e",
"type": "color"
},
"name": "light",
"attributes": {},
"path": [
"warning",
"light"
]
},
"dark-text": {
"value": "#663d00",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#663d00",
"type": "color"
},
"name": "dark-text",
"attributes": {},
"path": [
"warning",
"dark-text"
]
},
"light-bg": {
"value": "#fef9f1",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#fef9f1",
"type": "color"
},
"name": "light-bg",
"attributes": {},
"path": [
"warning",
"light-bg"
]
}
},
"grey": {
"grey-50": {
"value": "#fafafa",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#fafafa",
"type": "color"
},
"name": "grey-50",
"attributes": {},
"path": [
"grey",
"grey-50"
]
},
"grey-100": {
"value": "#f5f5f5",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#f5f5f5",
"type": "color"
},
"name": "grey-100",
"attributes": {},
"path": [
"grey",
"grey-100"
]
},
"grey-200": {
"value": "#eeeeee",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#eeeeee",
"type": "color"
},
"name": "grey-200",
"attributes": {},
"path": [
"grey",
"grey-200"
]
},
"grey-300": {
"value": "#e0e0e0",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#e0e0e0",
"type": "color"
},
"name": "grey-300",
"attributes": {},
"path": [
"grey",
"grey-300"
]
},
"grey-400": {
"value": "#bdbdbd",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#bdbdbd",
"type": "color"
},
"name": "grey-400",
"attributes": {},
"path": [
"grey",
"grey-400"
]
},
"grey-500": {
"value": "#9e9e9e",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#9e9e9e",
"type": "color"
},
"name": "grey-500",
"attributes": {},
"path": [
"grey",
"grey-500"
]
},
"grey-600": {
"value": "#757575",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#757575",
"type": "color"
},
"name": "grey-600",
"attributes": {},
"path": [
"grey",
"grey-600"
]
},
"grey-700": {
"value": "#616161",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#616161",
"type": "color"
},
"name": "grey-700",
"attributes": {},
"path": [
"grey",
"grey-700"
]
},
"grey-800": {
"value": "#424242",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#424242",
"type": "color"
},
"name": "grey-800",
"attributes": {},
"path": [
"grey",
"grey-800"
]
},
"grey-900": {
"value": "#212121",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#212121",
"type": "color"
},
"name": "grey-900",
"attributes": {},
"path": [
"grey",
"grey-900"
]
},
"black": {
"value": "#000000",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#000000",
"type": "color"
},
"name": "black",
"attributes": {},
"path": [
"grey",
"black"
]
},
"grey-A100": {
"value": "#e0e0e0",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#e0e0e0",
"type": "color"
},
"name": "grey-A100",
"attributes": {},
"path": [
"grey",
"grey-A100"
]
},
"grey-A200": {
"value": "#9e9e9e",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#9e9e9e",
"type": "color"
},
"name": "grey-A200",
"attributes": {},
"path": [
"grey",
"grey-A200"
]
},
"grey-A400": {
"value": "#616161",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#616161",
"type": "color"
},
"name": "grey-A400",
"attributes": {},
"path": [
"grey",
"grey-A400"
]
},
"grey-A700": {
"value": "#212121",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#212121",
"type": "color"
},
"name": "grey-A700",
"attributes": {},
"path": [
"grey",
"grey-A700"
]
}
},
"background": {
"paper": {
"value": "#ffffff",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#ffffff",
"type": "color"
},
"name": "paper",
"attributes": {},
"path": [
"background",
"paper"
]
}
},
"blueGrey": {
"100": {
"value": "#f7f7f8",
"type": "color",
"description": "background.default",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#f7f7f8",
"type": "color",
"description": "background.default"
},
"name": "100",
"attributes": {},
"path": [
"blueGrey",
"100"
]
},
"200": {
"value": "#eeeff0",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#eeeff0",
"type": "color"
},
"name": "200",
"attributes": {},
"path": [
"blueGrey",
"200"
]
},
"300": {
"value": "#d4d7dd",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#d4d7dd",
"type": "color"
},
"name": "300",
"attributes": {},
"path": [
"blueGrey",
"300"
]
},
"400": {
"value": "#b8bdc7",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#b8bdc7",
"type": "color"
},
"name": "400",
"attributes": {},
"path": [
"blueGrey",
"400"
]
},
"500": {
"value": "#9ca3b1",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#9ca3b1",
"type": "color"
},
"name": "500",
"attributes": {},
"path": [
"blueGrey",
"500"
]
},
"600": {
"value": "#868fa0",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#868fa0",
"type": "color"
},
"name": "600",
"attributes": {},
"path": [
"blueGrey",
"600"
]
},
"700": {
"value": "#717b8f",
"type": "color",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": "#717b8f",
"type": "color"
},
"name": "700",
"attributes": {},
"path": [
"blueGrey",
"700"
]
}
},
"Elevation": {
"1": {
"value": [
{
"color": "#0000000d",
"type": "dropShadow",
"x": 0,
"y": 0,
"blur": 0,
"spread": 1
},
{
"color": "#0000001f",
"type": "dropShadow",
"x": 0,
"y": 1,
"blur": 2,
"spread": 0
}
],
"type": "boxShadow",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": [
{
"color": "#0000000d",
"type": "dropShadow",
"x": 0,
"y": 0,
"blur": 0,
"spread": 1
},
{
"color": "#0000001f",
"type": "dropShadow",
"x": 0,
"y": 1,
"blur": 2,
"spread": 0
}
],
"type": "boxShadow"
},
"name": "1",
"attributes": {},
"path": [
"Elevation",
"1"
]
},
"2": {
"value": [
{
"color": "#0000000d",
"type": "dropShadow",
"x": 0,
"y": 0,
"blur": 0,
"spread": 1
},
{
"color": "#00000026",
"type": "dropShadow",
"x": 0,
"y": 2,
"blur": 4,
"spread": 0
}
],
"type": "boxShadow",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": [
{
"color": "#0000000d",
"type": "dropShadow",
"x": 0,
"y": 0,
"blur": 0,
"spread": 1
},
{
"color": "#00000026",
"type": "dropShadow",
"x": 0,
"y": 2,
"blur": 4,
"spread": 0
}
],
"type": "boxShadow"
},
"name": "2",
"attributes": {},
"path": [
"Elevation",
"2"
]
},
"3": {
"value": [
{
"color": "#0000004f",
"type": "dropShadow",
"x": 0,
"y": 0,
"blur": 1,
"spread": 0
},
{
"color": "#00000040",
"type": "dropShadow",
"x": 0,
"y": 3,
"blur": 4,
"spread": -2
}
],
"type": "boxShadow",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": [
{
"color": "#0000004f",
"type": "dropShadow",
"x": 0,
"y": 0,
"blur": 1,
"spread": 0
},
{
"color": "#00000040",
"type": "dropShadow",
"x": 0,
"y": 3,
"blur": 4,
"spread": -2
}
],
"type": "boxShadow"
},
"name": "3",
"attributes": {},
"path": [
"Elevation",
"3"
]
},
"4": {
"value": [
{
"color": "#0000004f",
"type": "dropShadow",
"x": 0,
"y": 0,
"blur": 1,
"spread": 0
},
{
"color": "#00000040",
"type": "dropShadow",
"x": 0,
"y": 3,
"blur": 4,
"spread": -2
}
],
"type": "boxShadow",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": [
{
"color": "#0000004f",
"type": "dropShadow",
"x": 0,
"y": 0,
"blur": 1,
"spread": 0
},
{
"color": "#00000040",
"type": "dropShadow",
"x": 0,
"y": 3,
"blur": 4,
"spread": -2
}
],
"type": "boxShadow"
},
"name": "4",
"attributes": {},
"path": [
"Elevation",
"4"
]
},
"5": {
"value": [
{
"color": "#0000004f",
"type": "dropShadow",
"x": 0,
"y": 0,
"blur": 1,
"spread": 0
},
{
"color": "#00000040",
"type": "dropShadow",
"x": 0,
"y": 4,
"blur": 6,
"spread": -2
}
],
"type": "boxShadow",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": [
{
"color": "#0000004f",
"type": "dropShadow",
"x": 0,
"y": 0,
"blur": 1,
"spread": 0
},
{
"color": "#00000040",
"type": "dropShadow",
"x": 0,
"y": 4,
"blur": 6,
"spread": -2
}
],
"type": "boxShadow"
},
"name": "5",
"attributes": {},
"path": [
"Elevation",
"5"
]
},
"6": {
"value": [
{
"color": "#0000004f",
"type": "dropShadow",
"x": 0,
"y": 0,
"blur": 1,
"spread": 0
},
{
"color": "#00000040",
"type": "dropShadow",
"x": 0,
"y": 4,
"blur": 6,
"spread": -2
}
],
"type": "boxShadow",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": [
{
"color": "#0000004f",
"type": "dropShadow",
"x": 0,
"y": 0,
"blur": 1,
"spread": 0
},
{
"color": "#00000040",
"type": "dropShadow",
"x": 0,
"y": 4,
"blur": 6,
"spread": -2
}
],
"type": "boxShadow"
},
"name": "6",
"attributes": {},
"path": [
"Elevation",
"6"
]
},
"7": {
"value": [
{
"color": "#0000004f",
"type": "dropShadow",
"x": 0,
"y": 0,
"blur": 1,
"spread": 0
},
{
"color": "#00000040",
"type": "dropShadow",
"x": 0,
"y": 4,
"blur": 8,
"spread": -2
}
],
"type": "boxShadow",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": [
{
"color": "#0000004f",
"type": "dropShadow",
"x": 0,
"y": 0,
"blur": 1,
"spread": 0
},
{
"color": "#00000040",
"type": "dropShadow",
"x": 0,
"y": 4,
"blur": 8,
"spread": -2
}
],
"type": "boxShadow"
},
"name": "7",
"attributes": {},
"path": [
"Elevation",
"7"
]
},
"8": {
"value": [
{
"color": "#0000004f",
"type": "dropShadow",
"x": 0,
"y": 0,
"blur": 1,
"spread": 0
},
{
"color": "#00000040",
"type": "dropShadow",
"x": 0,
"y": 5,
"blur": 8,
"spread": -2
}
],
"type": "boxShadow",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": [
{
"color": "#0000004f",
"type": "dropShadow",
"x": 0,
"y": 0,
"blur": 1,
"spread": 0
},
{
"color": "#00000040",
"type": "dropShadow",
"x": 0,
"y": 5,
"blur": 8,
"spread": -2
}
],
"type": "boxShadow"
},
"name": "8",
"attributes": {},
"path": [
"Elevation",
"8"
]
},
"9": {
"value": [
{
"color": "#0000004f",
"type": "dropShadow",
"x": 0,
"y": 0,
"blur": 1,
"spread": 0
},
{
"color": "#00000040",
"type": "dropShadow",
"x": 0,
"y": 6,
"blur": 12,
"spread": -4
}
],
"type": "boxShadow",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": [
{
"color": "#0000004f",
"type": "dropShadow",
"x": 0,
"y": 0,
"blur": 1,
"spread": 0
},
{
"color": "#00000040",
"type": "dropShadow",
"x": 0,
"y": 6,
"blur": 12,
"spread": -4
}
],
"type": "boxShadow"
},
"name": "9",
"attributes": {},
"path": [
"Elevation",
"9"
]
},
"10": {
"value": [
{
"color": "#0000004f",
"type": "dropShadow",
"x": 0,
"y": 0,
"blur": 1,
"spread": 0
},
{
"color": "#00000040",
"type": "dropShadow",
"x": 0,
"y": 7,
"blur": 12,
"spread": -4
}
],
"type": "boxShadow",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": [
{
"color": "#0000004f",
"type": "dropShadow",
"x": 0,
"y": 0,
"blur": 1,
"spread": 0
},
{
"color": "#00000040",
"type": "dropShadow",
"x": 0,
"y": 7,
"blur": 12,
"spread": -4
}
],
"type": "boxShadow"
},
"name": "10",
"attributes": {},
"path": [
"Elevation",
"10"
]
},
"11": {
"value": [
{
"color": "#0000004f",
"type": "dropShadow",
"x": 0,
"y": 0,
"blur": 1,
"spread": 0
},
{
"color": "#00000040",
"type": "dropShadow",
"x": 0,
"y": 6,
"blur": 16,
"spread": -4
}
],
"type": "boxShadow",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": [
{
"color": "#0000004f",
"type": "dropShadow",
"x": 0,
"y": 0,
"blur": 1,
"spread": 0
},
{
"color": "#00000040",
"type": "dropShadow",
"x": 0,
"y": 6,
"blur": 16,
"spread": -4
}
],
"type": "boxShadow"
},
"name": "11",
"attributes": {},
"path": [
"Elevation",
"11"
]
},
"12": {
"value": [
{
"color": "#0000004f",
"type": "dropShadow",
"x": 0,
"y": 0,
"blur": 1,
"spread": 0
},
{
"color": "#00000040",
"type": "dropShadow",
"x": 0,
"y": 7,
"blur": 16,
"spread": -4
}
],
"type": "boxShadow",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": [
{
"color": "#0000004f",
"type": "dropShadow",
"x": 0,
"y": 0,
"blur": 1,
"spread": 0
},
{
"color": "#00000040",
"type": "dropShadow",
"x": 0,
"y": 7,
"blur": 16,
"spread": -4
}
],
"type": "boxShadow"
},
"name": "12",
"attributes": {},
"path": [
"Elevation",
"12"
]
},
"13": {
"value": [
{
"color": "#0000004f",
"type": "dropShadow",
"x": 0,
"y": 0,
"blur": 1,
"spread": 0
},
{
"color": "#00000040",
"type": "dropShadow",
"x": 0,
"y": 8,
"blur": 18,
"spread": -8
}
],
"type": "boxShadow",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": [
{
"color": "#0000004f",
"type": "dropShadow",
"x": 0,
"y": 0,
"blur": 1,
"spread": 0
},
{
"color": "#00000040",
"type": "dropShadow",
"x": 0,
"y": 8,
"blur": 18,
"spread": -8
}
],
"type": "boxShadow"
},
"name": "13",
"attributes": {},
"path": [
"Elevation",
"13"
]
},
"14": {
"value": [
{
"color": "#0000004f",
"type": "dropShadow",
"x": 0,
"y": 0,
"blur": 1,
"spread": 0
},
{
"color": "#00000040",
"type": "dropShadow",
"x": 0,
"y": 9,
"blur": 18,
"spread": -8
}
],
"type": "boxShadow",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": [
{
"color": "#0000004f",
"type": "dropShadow",
"x": 0,
"y": 0,
"blur": 1,
"spread": 0
},
{
"color": "#00000040",
"type": "dropShadow",
"x": 0,
"y": 9,
"blur": 18,
"spread": -8
}
],
"type": "boxShadow"
},
"name": "14",
"attributes": {},
"path": [
"Elevation",
"14"
]
},
"15": {
"value": [
{
"color": "#0000004f",
"type": "dropShadow",
"x": 0,
"y": 0,
"blur": 1,
"spread": 0
},
{
"color": "#00000040",
"type": "dropShadow",
"x": 0,
"y": 10,
"blur": 20,
"spread": -8
}
],
"type": "boxShadow",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": [
{
"color": "#0000004f",
"type": "dropShadow",
"x": 0,
"y": 0,
"blur": 1,
"spread": 0
},
{
"color": "#00000040",
"type": "dropShadow",
"x": 0,
"y": 10,
"blur": 20,
"spread": -8
}
],
"type": "boxShadow"
},
"name": "15",
"attributes": {},
"path": [
"Elevation",
"15"
]
},
"16": {
"value": [
{
"color": "#0000004f",
"type": "dropShadow",
"x": 0,
"y": 0,
"blur": 1,
"spread": 0
},
{
"color": "#00000040",
"type": "dropShadow",
"x": 0,
"y": 11,
"blur": 20,
"spread": -8
}
],
"type": "boxShadow",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": [
{
"color": "#0000004f",
"type": "dropShadow",
"x": 0,
"y": 0,
"blur": 1,
"spread": 0
},
{
"color": "#00000040",
"type": "dropShadow",
"x": 0,
"y": 11,
"blur": 20,
"spread": -8
}
],
"type": "boxShadow"
},
"name": "16",
"attributes": {},
"path": [
"Elevation",
"16"
]
},
"17": {
"value": [
{
"color": "#0000004f",
"type": "dropShadow",
"x": 0,
"y": 0,
"blur": 1,
"spread": 0
},
{
"color": "#00000040",
"type": "dropShadow",
"x": 0,
"y": 12,
"blur": 22,
"spread": -8
}
],
"type": "boxShadow",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": [
{
"color": "#0000004f",
"type": "dropShadow",
"x": 0,
"y": 0,
"blur": 1,
"spread": 0
},
{
"color": "#00000040",
"type": "dropShadow",
"x": 0,
"y": 12,
"blur": 22,
"spread": -8
}
],
"type": "boxShadow"
},
"name": "17",
"attributes": {},
"path": [
"Elevation",
"17"
]
},
"18": {
"value": [
{
"color": "#0000004f",
"type": "dropShadow",
"x": 0,
"y": 0,
"blur": 1,
"spread": 0
},
{
"color": "#00000040",
"type": "dropShadow",
"x": 0,
"y": 13,
"blur": 22,
"spread": -8
}
],
"type": "boxShadow",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": [
{
"color": "#0000004f",
"type": "dropShadow",
"x": 0,
"y": 0,
"blur": 1,
"spread": 0
},
{
"color": "#00000040",
"type": "dropShadow",
"x": 0,
"y": 13,
"blur": 22,
"spread": -8
}
],
"type": "boxShadow"
},
"name": "18",
"attributes": {},
"path": [
"Elevation",
"18"
]
},
"19": {
"value": [
{
"color": "#0000004f",
"type": "dropShadow",
"x": 0,
"y": 0,
"blur": 1,
"spread": 0
},
{
"color": "#00000040",
"type": "dropShadow",
"x": 0,
"y": 14,
"blur": 24,
"spread": -8
}
],
"type": "boxShadow",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": [
{
"color": "#0000004f",
"type": "dropShadow",
"x": 0,
"y": 0,
"blur": 1,
"spread": 0
},
{
"color": "#00000040",
"type": "dropShadow",
"x": 0,
"y": 14,
"blur": 24,
"spread": -8
}
],
"type": "boxShadow"
},
"name": "19",
"attributes": {},
"path": [
"Elevation",
"19"
]
},
"20": {
"value": [
{
"color": "#0000004f",
"type": "dropShadow",
"x": 0,
"y": 0,
"blur": 1,
"spread": 0
},
{
"color": "#00000040",
"type": "dropShadow",
"x": 0,
"y": 16,
"blur": 28,
"spread": -8
}
],
"type": "boxShadow",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": [
{
"color": "#0000004f",
"type": "dropShadow",
"x": 0,
"y": 0,
"blur": 1,
"spread": 0
},
{
"color": "#00000040",
"type": "dropShadow",
"x": 0,
"y": 16,
"blur": 28,
"spread": -8
}
],
"type": "boxShadow"
},
"name": "20",
"attributes": {},
"path": [
"Elevation",
"20"
]
},
"21": {
"value": [
{
"color": "#0000004f",
"type": "dropShadow",
"x": 0,
"y": 0,
"blur": 1,
"spread": 0
},
{
"color": "#00000040",
"type": "dropShadow",
"x": 0,
"y": 18,
"blur": 30,
"spread": -8
}
],
"type": "boxShadow",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": [
{
"color": "#0000004f",
"type": "dropShadow",
"x": 0,
"y": 0,
"blur": 1,
"spread": 0
},
{
"color": "#00000040",
"type": "dropShadow",
"x": 0,
"y": 18,
"blur": 30,
"spread": -8
}
],
"type": "boxShadow"
},
"name": "21",
"attributes": {},
"path": [
"Elevation",
"21"
]
},
"22": {
"value": [
{
"color": "#0000004f",
"type": "dropShadow",
"x": 0,
"y": 0,
"blur": 1,
"spread": 0
},
{
"color": "#00000040",
"type": "dropShadow",
"x": 0,
"y": 20,
"blur": 32,
"spread": -8
}
],
"type": "boxShadow",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": [
{
"color": "#0000004f",
"type": "dropShadow",
"x": 0,
"y": 0,
"blur": 1,
"spread": 0
},
{
"color": "#00000040",
"type": "dropShadow",
"x": 0,
"y": 20,
"blur": 32,
"spread": -8
}
],
"type": "boxShadow"
},
"name": "22",
"attributes": {},
"path": [
"Elevation",
"22"
]
},
"23": {
"value": [
{
"color": "#0000004f",
"type": "dropShadow",
"x": 0,
"y": 0,
"blur": 1,
"spread": 0
},
{
"color": "#00000040",
"type": "dropShadow",
"x": 0,
"y": 22,
"blur": 34,
"spread": -8
}
],
"type": "boxShadow",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": [
{
"color": "#0000004f",
"type": "dropShadow",
"x": 0,
"y": 0,
"blur": 1,
"spread": 0
},
{
"color": "#00000040",
"type": "dropShadow",
"x": 0,
"y": 22,
"blur": 34,
"spread": -8
}
],
"type": "boxShadow"
},
"name": "23",
"attributes": {},
"path": [
"Elevation",
"23"
]
},
"24": {
"value": [
{
"color": "#0000004f",
"type": "dropShadow",
"x": 0,
"y": 0,
"blur": 1,
"spread": 0
},
{
"color": "#00000040",
"type": "dropShadow",
"x": 0,
"y": 24,
"blur": 36,
"spread": -8
}
],
"type": "boxShadow",
"filePath": "figma/input.json",
"isSource": true,
"original": {
"value": [
{
"color": "#0000004f",
"type": "dropShadow",
"x": 0,
"y": 0,
"blur": 1,
"spread": 0
},
{
"color": "#00000040",
"type": "dropShadow",
"x": 0,
"y": 24,
"blur": 36,
"spread": -8
}
],
"type": "boxShadow"
},
"name": "24",
"attributes": {},