@cerberus-design/panda-preset
Version:
The official Panda-CSS preset for the omni-federal design system
2,162 lines (2,160 loc) • 102 kB
JavaScript
// src/tokens/primitive-colors.cerberus.json
var primitive_colors_cerberus_default = {
colors: {
neutral: {
"5": {
$type: "color",
$value: "#f3f2f4",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"10": {
$type: "color",
$value: "#e4e3e9",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"20": {
$type: "color",
$value: "#bcbaca",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"30": {
$type: "color",
$value: "#918ea7",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"40": {
$type: "color",
$value: "#696584",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"50": {
$type: "color",
$value: "#4e476d",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"60": {
$type: "color",
$value: "#362a58",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"70": {
$type: "color",
$value: "#302451",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"80": {
$type: "color",
$value: "#291d47",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"90": {
$type: "color",
$value: "#21143b",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"100": {
$type: "color",
$value: "#160126",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
white: {
$type: "color",
$value: "#ffffff",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
}
},
brand: {
"5": {
$type: "color",
$value: "#fcfbfe",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"10": {
$type: "color",
$value: "#efe5f8",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"20": {
$type: "color",
$value: "#dfccf0",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"30": {
$type: "color",
$value: "#bb93e1",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"40": {
$type: "color",
$value: "#9f66d3",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"50": {
$type: "color",
$value: "#7f33c4",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"60": {
$type: "color",
$value: "#5f00b5",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"70": {
$type: "color",
$value: "#4c0091",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"80": {
$type: "color",
$value: "#39006d",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"90": {
$type: "color",
$value: "#260048",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"100": {
$type: "color",
$value: "#130024",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
}
},
teal: {
"10": {
$type: "color",
$value: "#eefdfc",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"20": {
$type: "color",
$value: "#d8f9f7",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"30": {
$type: "color",
$value: "#b8f4f3",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"40": {
$type: "color",
$value: "#95eeed",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"50": {
$type: "color",
$value: "#72e9e7",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"60": {
$type: "color",
$value: "#41e3e0",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"70": {
$type: "color",
$value: "#3fb6b4",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"80": {
$type: "color",
$value: "#3b8180",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"90": {
$type: "color",
$value: "#1f5b5a",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"100": {
$type: "color",
$value: "#102d2d",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
}
},
success: {
"10": {
$type: "color",
$value: "#e8f8ed",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"20": {
$type: "color",
$value: "#d0f0db",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"30": {
$type: "color",
$value: "#a0e0b7",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"40": {
$type: "color",
$value: "#71d192",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"50": {
$type: "color",
$value: "#41c16e",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"60": {
$type: "color",
$value: "#12b24a",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"70": {
$type: "color",
$value: "#0e8e3b",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"80": {
$type: "color",
$value: "#0b6b2c",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"90": {
$type: "color",
$value: "#07471e",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"100": {
$type: "color",
$value: "#04240f",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
}
},
danger: {
"10": {
$type: "color",
$value: "#ffebea",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"20": {
$type: "color",
$value: "#fed7d5",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"30": {
$type: "color",
$value: "#fdafab",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"40": {
$type: "color",
$value: "#fd8681",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"50": {
$type: "color",
$value: "#fc5e57",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"60": {
$type: "color",
$value: "#fb362d",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"70": {
$type: "color",
$value: "#da1e28",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"80": {
$type: "color",
$value: "#97201b",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"90": {
$type: "color",
$value: "#641612",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"100": {
$type: "color",
$value: "#320b09",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
}
},
warning: {
"10": {
$type: "color",
$value: "#fefbe9",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"20": {
$type: "color",
$value: "#fcf6d1",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"30": {
$type: "color",
$value: "#f9eda4",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"40": {
$type: "color",
$value: "#f7e376",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"50": {
$type: "color",
$value: "#f4da49",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"60": {
$type: "color",
$value: "#f1d11b",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"70": {
$type: "color",
$value: "#c1a716",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"80": {
$type: "color",
$value: "#917d10",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"90": {
$type: "color",
$value: "#60540b",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"100": {
$type: "color",
$value: "#302a05",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
}
},
info: {
"10": {
$type: "color",
$value: "#e6f3fb",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"20": {
$type: "color",
$value: "#cce7f7",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"30": {
$type: "color",
$value: "#9acfee",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"40": {
$type: "color",
$value: "#67b8e6",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"50": {
$type: "color",
$value: "#35a0dd",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"60": {
$type: "color",
$value: "#0288d5",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"70": {
$type: "color",
$value: "#026daa",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"80": {
$type: "color",
$value: "#015280",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"90": {
$type: "color",
$value: "#013655",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"100": {
$type: "color",
$value: "#001b2b",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
}
},
"drop-shadow": {
sm: {
$type: "color",
$value: "#16012640",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
md: {
$type: "color",
$value: "#16012666",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
lg: {
$type: "color",
$value: "#16012699",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
}
}
},
spacing: {
"0": {
$type: "number",
$value: 0,
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["WIDTH_HEIGHT", "GAP"],
codeSyntax: {}
}
}
},
"100": {
$type: "number",
$value: 16,
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: [],
codeSyntax: {}
}
}
},
"150": {
$type: "number",
$value: 24,
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: [],
codeSyntax: {}
}
}
},
"200": {
$type: "number",
$value: 32,
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: [],
codeSyntax: {}
}
}
},
"250": {
$type: "number",
$value: 40,
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: [],
codeSyntax: {}
}
}
},
"300": {
$type: "number",
$value: 48,
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: [],
codeSyntax: {}
}
}
},
"350": {
$type: "number",
$value: 56,
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: [],
codeSyntax: {}
}
}
},
"400": {
$type: "number",
$value: 64,
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: [],
codeSyntax: {}
}
}
},
"450": {
$type: "number",
$value: 72,
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: [],
codeSyntax: {}
}
}
},
"500": {
$type: "number",
$value: 80,
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: [],
codeSyntax: {}
}
}
},
"550": {
$type: "number",
$value: 88,
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: [],
codeSyntax: {}
}
}
},
"600": {
$type: "number",
$value: 96,
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: [],
codeSyntax: {}
}
}
},
"025": {
$type: "number",
$value: 4,
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["WIDTH_HEIGHT", "GAP"],
codeSyntax: {}
}
}
},
"050": {
$type: "number",
$value: 8,
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: [],
codeSyntax: {}
}
}
},
"075": {
$type: "number",
$value: 12,
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: [],
codeSyntax: {}
}
}
},
rounded: {
$type: "number",
$value: 500,
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
}
}
};
// src/tokens/primitive-typography.value.json
var primitive_typography_value_default = {
"brand-font": {
$type: "string",
$value: "Poppins",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: true,
scopes: ["FONT_FAMILY"],
codeSyntax: {}
}
}
},
"font-weight-800": {
$type: "number",
$value: 800,
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["FONT_STYLE"],
codeSyntax: {}
}
}
},
"font-weight-700": {
$type: "number",
$value: 700,
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["FONT_STYLE"],
codeSyntax: {}
}
}
},
"font-weight-600": {
$type: "number",
$value: 600,
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["FONT_STYLE"],
codeSyntax: {}
}
}
},
"font-weight-500": {
$type: "number",
$value: 500,
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["FONT_STYLE"],
codeSyntax: {}
}
}
},
"font-weight-400": {
$type: "number",
$value: 400,
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["FONT_STYLE"],
codeSyntax: {}
}
}
},
"font-weight-300": {
$type: "number",
$value: 300,
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["FONT_STYLE"],
codeSyntax: {}
}
}
},
"font-weight-200": {
$type: "number",
$value: 200,
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: true,
scopes: ["FONT_STYLE"],
codeSyntax: {}
}
}
},
"font-size-300": {
$type: "number",
$value: 12,
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: true,
scopes: ["TEXT_CONTENT"],
codeSyntax: {}
}
}
},
"font-size-325": {
$type: "number",
$value: 13,
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["TEXT_CONTENT"],
codeSyntax: {}
}
}
},
"font-size-350": {
$type: "number",
$value: 14,
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["TEXT_CONTENT"],
codeSyntax: {}
}
}
},
"font-size-400": {
$type: "number",
$value: 16,
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["TEXT_CONTENT"],
codeSyntax: {}
}
}
},
"font-size-450": {
$type: "number",
$value: 18,
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["TEXT_CONTENT"],
codeSyntax: {}
}
}
},
"font-size-500": {
$type: "number",
$value: 20,
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["TEXT_CONTENT"],
codeSyntax: {}
}
}
},
"font-size-600": {
$type: "number",
$value: 24,
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["TEXT_CONTENT"],
codeSyntax: {}
}
}
},
"font-size-750": {
$type: "number",
$value: 30,
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["TEXT_CONTENT"],
codeSyntax: {}
}
}
},
"font-size-900": {
$type: "number",
$value: 36,
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["TEXT_CONTENT"],
codeSyntax: {}
}
}
},
"font-size-1000": {
$type: "number",
$value: 40,
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["TEXT_CONTENT"],
codeSyntax: {}
}
}
},
"font-size-1050": {
$type: "number",
$value: 42,
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["TEXT_CONTENT"],
codeSyntax: {}
}
}
},
"font-size-1200": {
$type: "number",
$value: 48,
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["TEXT_CONTENT"],
codeSyntax: {}
}
}
}
};
// src/tokens/semantic-colors.dark-mode.json
var semantic_colors_dark_mode_default = {
text: {
action: {
"100": {
$type: "color",
$value: "colors.brand.40",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["SHAPE_FILL", "TEXT_FILL"],
codeSyntax: {}
}
}
},
"200": {
$type: "color",
$value: "colors.brand.30",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["SHAPE_FILL", "TEXT_FILL"],
codeSyntax: {}
}
}
},
navigation: {
initial: {
$type: "color",
$value: "colors.brand.40",
$description: "Text color inside of interactive items\nUse for: Buttons (filled, outline). Button icons",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["SHAPE_FILL", "TEXT_FILL"],
codeSyntax: {}
}
}
},
hover: {
$type: "color",
$value: "colors.brand.30",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["SHAPE_FILL", "TEXT_FILL"],
codeSyntax: {}
}
}
},
visited: {
$type: "color",
$value: "colors.brand.20",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["SHAPE_FILL", "TEXT_FILL"],
codeSyntax: {}
}
}
}
},
initial: {
$type: "color",
$value: "colors.neutral.white",
$description: "Text color inside of interactive items\nUse for: Buttons (filled, outline). Button icons",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["SHAPE_FILL", "TEXT_FILL"],
codeSyntax: {}
}
}
},
inverse: {
$type: "color",
$value: "colors.brand.5",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["SHAPE_FILL", "TEXT_FILL"],
codeSyntax: {}
}
}
}
},
page: {
"100": {
$type: "color",
$value: "colors.neutral.20",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["SHAPE_FILL", "TEXT_FILL"],
codeSyntax: {}
}
}
},
"200": {
$type: "color",
$value: "colors.neutral.10",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["SHAPE_FILL", "TEXT_FILL"],
codeSyntax: {}
}
}
},
"300": {
$type: "color",
$value: "colors.neutral.white",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["SHAPE_FILL", "TEXT_FILL"],
codeSyntax: {}
}
}
},
initial: {
$type: "color",
$value: "colors.brand.5",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["SHAPE_FILL", "TEXT_FILL"],
codeSyntax: {}
}
}
},
inverse: {
$type: "color",
$value: "colors.neutral.100",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
}
},
danger: {
"100": {
$type: "color",
$value: "colors.danger.30",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["SHAPE_FILL", "TEXT_FILL"],
codeSyntax: {}
}
}
},
"200": {
$type: "color",
$value: "colors.danger.50",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["SHAPE_FILL", "TEXT_FILL"],
codeSyntax: {}
}
}
},
initial: {
$type: "color",
$value: "colors.danger.10",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["SHAPE_FILL", "TEXT_FILL"],
codeSyntax: {}
}
}
},
inverse: {
$type: "color",
$value: "colors.danger.90",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["SHAPE_FILL", "TEXT_FILL"],
codeSyntax: {}
}
}
}
},
warning: {
"100": {
$type: "color",
$value: "colors.warning.30",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["SHAPE_FILL", "TEXT_FILL"],
codeSyntax: {}
}
}
},
"200": {
$type: "color",
$value: "colors.warning.60",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["SHAPE_FILL", "TEXT_FILL"],
codeSyntax: {}
}
}
},
initial: {
$type: "color",
$value: "colors.warning.100",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["SHAPE_FILL", "TEXT_FILL"],
codeSyntax: {}
}
}
},
inverse: {
$type: "color",
$value: "colors.warning.20",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
}
},
success: {
"100": {
$type: "color",
$value: "colors.success.40",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["SHAPE_FILL", "TEXT_FILL"],
codeSyntax: {}
}
}
},
"200": {
$type: "color",
$value: "colors.success.60",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["SHAPE_FILL", "TEXT_FILL"],
codeSyntax: {}
}
}
},
initial: {
$type: "color",
$value: "colors.success.10",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["SHAPE_FILL", "TEXT_FILL"],
codeSyntax: {}
}
}
},
inverse: {
$type: "color",
$value: "colors.success.100",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
}
},
info: {
"100": {
$type: "color",
$value: "colors.info.30",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["SHAPE_FILL", "TEXT_FILL"],
codeSyntax: {}
}
}
},
"200": {
$type: "color",
$value: "colors.info.50",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["SHAPE_FILL", "TEXT_FILL"],
codeSyntax: {}
}
}
},
initial: {
$type: "color",
$value: "colors.info.10",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["SHAPE_FILL", "TEXT_FILL"],
codeSyntax: {}
}
}
},
inverse: {
$type: "color",
$value: "colors.info.100",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
}
},
"secondary-action": {
"100": {
$type: "color",
$value: "colors.teal.90",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["SHAPE_FILL", "TEXT_FILL"],
codeSyntax: {}
}
}
},
"200": {
$type: "color",
$value: "colors.teal.40",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["SHAPE_FILL", "TEXT_FILL"],
codeSyntax: {}
}
}
},
initial: {
$type: "color",
$value: "colors.teal.60",
$description: "Text color inside of interactive items\nUse for: Buttons (filled, outline). Button icons",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["SHAPE_FILL", "TEXT_FILL"],
codeSyntax: {}
}
}
},
navigation: {
initial: {
$type: "color",
$value: "colors.teal.60",
$description: "Text color inside of interactive items\nUse for: Buttons (filled, outline). Button icons",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["SHAPE_FILL", "TEXT_FILL"],
codeSyntax: {}
}
}
},
hover: {
$type: "color",
$value: "colors.teal.50",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["SHAPE_FILL", "TEXT_FILL"],
codeSyntax: {}
}
}
},
visited: {
$type: "color",
$value: "colors.teal.70",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["SHAPE_FILL", "TEXT_FILL"],
codeSyntax: {}
}
}
}
}
}
},
surface: {
page: {
"100": {
$type: "color",
$value: "colors.neutral.90",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["FRAME_FILL"],
codeSyntax: {}
}
}
},
"200": {
$type: "color",
$value: "colors.neutral.80",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["FRAME_FILL"],
codeSyntax: {}
}
}
},
"300": {
$type: "color",
$value: "colors.neutral.70",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["FRAME_FILL"],
codeSyntax: {}
}
}
},
initial: {
$type: "color",
$value: "colors.neutral.100",
$description: "Reserved for the "floor" of the page, or the lowest elevation surface\nUse for: Page backgrounds",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["FRAME_FILL"],
codeSyntax: {}
}
}
},
inverse: {
$type: "color",
$value: "colors.neutral.5",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["FRAME_FILL"],
codeSyntax: {}
}
}
}
},
success: {
"100": {
$type: "color",
$value: "colors.success.90",
$description: "Reserved for the "floor" of the page, or the lowest elevation surface\nUse for: Page backgrounds",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["FRAME_FILL"],
codeSyntax: {}
}
}
},
"200": {
$type: "color",
$value: "colors.success.70",
$description: "Reserved for the "floor" of the page, or the lowest elevation surface\nUse for: Page backgrounds",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["FRAME_FILL"],
codeSyntax: {}
}
}
},
initial: {
$type: "color",
$value: "colors.success.70",
$description: "Reserved for the "floor" of the page, or the lowest elevation surface\nUse for: Page backgrounds",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["FRAME_FILL"],
codeSyntax: {}
}
}
}
},
danger: {
"100": {
$type: "color",
$value: "colors.danger.90",
$description: "Reserved for the "floor" of the page, or the lowest elevation surface\nUse for: Page backgrounds",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["FRAME_FILL"],
codeSyntax: {}
}
}
},
"200": {
$type: "color",
$value: "colors.danger.70",
$description: "Reserved for the "floor" of the page, or the lowest elevation surface\nUse for: Page backgrounds",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["FRAME_FILL"],
codeSyntax: {}
}
}
},
initial: {
$type: "color",
$value: "colors.danger.80",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
}
},
warning: {
"100": {
$type: "color",
$value: "colors.warning.90",
$description: "Reserved for the "floor" of the page, or the lowest elevation surface\nUse for: Page backgrounds",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["FRAME_FILL"],
codeSyntax: {}
}
}
},
"200": {
$type: "color",
$value: "colors.warning.50",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["FRAME_FILL", "SHAPE_FILL"],
codeSyntax: {}
}
}
},
initial: {
$type: "color",
$value: "colors.warning.70",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["FRAME_FILL", "SHAPE_FILL"],
codeSyntax: {}
}
}
}
},
info: {
"100": {
$type: "color",
$value: "colors.info.90",
$description: "Reserved for the "floor" of the page, or the lowest elevation surface\nUse for: Page backgrounds",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["FRAME_FILL"],
codeSyntax: {}
}
}
},
"200": {
$type: "color",
$value: "colors.info.50",
$description: "Reserved for the "floor" of the page, or the lowest elevation surface\nUse for: Page backgrounds",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["FRAME_FILL"],
codeSyntax: {}
}
}
},
initial: {
$type: "color",
$value: "colors.info.70",
$description: "Reserved for the "floor" of the page, or the lowest elevation surface\nUse for: Page backgrounds",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["FRAME_FILL"],
codeSyntax: {}
}
}
}
}
},
border: {
page: {
"100": {
$type: "color",
$value: "colors.neutral.60",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["ALL_SCOPES"],
codeSyntax: {}
}
}
},
"200": {
$type: "color",
$value: "colors.neutral.50",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["STROKE_COLOR"],
codeSyntax: {}
}
}
},
initial: {
$type: "color",
$value: "colors.neutral.70",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["STROKE_COLOR"],
codeSyntax: {}
}
}
}
},
success: {
"100": {
$type: "color",
$value: "colors.success.30",
$description: "for use on less prominent actionable borders, like input fields etc",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["STROKE_COLOR"],
codeSyntax: {}
}
}
},
initial: {
$type: "color",
$value: "colors.success.50",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["STROKE_COLOR"],
codeSyntax: {}
}
}
}
},
danger: {
"100": {
$type: "color",
$value: "colors.danger.40",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["STROKE_COLOR"],
codeSyntax: {}
}
}
},
initial: {
$type: "color",
$value: "colors.danger.30",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["STROKE_COLOR"],
codeSyntax: {}
}
}
}
},
action: {
"100": {
$type: "color",
$value: "colors.neutral.30",
$description: "for use on less prominent actionable borders, like input fields etc",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["STROKE_COLOR"],
codeSyntax: {}
}
}
},
initial: {
$type: "color",
$value: "colors.brand.30",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["STROKE_COLOR"],
codeSyntax: {}
}
}
},
focus: {
$type: "color",
$value: "colors.brand.40",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["STROKE_COLOR"],
codeSyntax: {}
}
}
}
},
warning: {
initial: {
$type: "color",
$value: "colors.warning.20",
$description: "",
$extensions: {
"com.figma": {
hiddenFromPublishing: false,
scopes: ["STROKE_COLOR"],
codeSyntax: {}
}
}
}
},
info: