@nuralogix.ai/web-ui
Version:
Nuralogix Web UI
598 lines (596 loc) • 15.7 kB
JavaScript
const tokens = {
"color": {
"primary": {
"default": "rgb(67, 130, 251)",
"@media (max-width: 1024px)": "rgb(67, 130, 251)"
},
"secondary": {
"default": "rgb(67, 130, 251)",
"@media (max-width: 1024px)": "rgb(67, 130, 251)"
},
"svgPrimary": {
"default": "rgb(67, 130, 251)",
"@media (max-width: 1024px)": "rgb(67, 130, 251)"
},
"svgSecondary": {
"default": "rgb(67, 130, 251)",
"@media (max-width: 1024px)": "rgb(67, 130, 251)"
},
"textPrimary": {
"default": "rgb(0, 0, 0)",
"@media (max-width: 1024px)": "rgb(0, 0, 0)"
},
"textSecondary": {
"default": "rgb(255, 255, 255)",
"@media (max-width: 1024px)": "rgb(255, 255, 255)"
},
"textHighlight": {
"default": "rgb(255, 255, 255)",
"@media (max-width: 1024px)": "rgb(255, 255, 255)"
},
"dfxPointBandGreen": {
"default": "rgb(98, 219, 153)",
"@media (max-width: 1024px)": "rgb(98, 219, 153)"
},
"dfxPointBandLightGreen": {
"default": "rgb(145, 230, 183)",
"@media (max-width: 1024px)": "rgb(145, 230, 183)"
},
"dfxPointBandYellow": {
"default": "rgb(255, 236, 137)",
"@media (max-width: 1024px)": "rgb(255, 236, 137)"
},
"dfxPointBandLightRed": {
"default": "rgb(255, 137, 137)",
"@media (max-width: 1024px)": "rgb(255, 137, 137)"
},
"dfxPointBandRed": {
"default": "rgb(255, 87, 87)",
"@media (max-width: 1024px)": "rgb(255, 87, 87)"
},
"backgroundPrimary": {
"default": "#ffffff",
"@media (max-width: 1024px)": "#ffffff"
},
"backgroundSecondary": {
"default": "#f5f5f5",
"@media (max-width: 1024px)": "#f5f5f5"
},
"backgroundTertiary": {
"default": "#E6D9C9",
"@media (max-width: 1024px)": "#E6D9C9"
},
"placeholder": {
"default": "#b0b0b0",
"@media (max-width: 1024px)": "#b0b0b0"
},
"warning": {
"default": "#f59e0b",
"@media (max-width: 1024px)": "#f59e0b"
},
"danger": {
"default": "#dc2626",
"@media (max-width: 1024px)": "#dc2626"
},
"success": {
"default": "#059669",
"@media (max-width: 1024px)": "#059669"
},
"outline": {
"default": "#4b5563",
"@media (max-width: 1024px)": "#4b5563"
},
"borderPrimary": {
"default": "#d1d5db",
"@media (max-width: 1024px)": "#d1d5db"
}
},
"size": {
"none": {
"default": "0px",
"@media (max-width: 1024px)": "0px"
},
"xxs": {
"default": "8px",
"@media (max-width: 1024px)": "8px"
},
"xs": {
"default": "10px",
"@media (max-width: 1024px)": "10px"
},
"s": {
"default": "12px",
"@media (max-width: 1024px)": "12px"
},
"m": {
"default": "16px",
"@media (max-width: 1024px)": "16px"
},
"l": {
"default": "24px",
"@media (max-width: 1024px)": "24px"
},
"xl": {
"default": "36px",
"@media (max-width: 1024px)": "36px"
},
"xxl": {
"default": "72px",
"@media (max-width: 1024px)": "72px"
}
},
"space": {
"0": {
"default": "0px",
"@media (max-width: 1024px)": "0px"
},
"1": {
"default": "0.25rem",
"@media (max-width: 1024px)": "0.25rem"
},
"2": {
"default": "0.5rem",
"@media (max-width: 1024px)": "0.5rem"
},
"3": {
"default": "0.75rem",
"@media (max-width: 1024px)": "0.75rem"
},
"4": {
"default": "1rem",
"@media (max-width: 1024px)": "1rem"
},
"5": {
"default": "1.25rem",
"@media (max-width: 1024px)": "1.25rem"
},
"6": {
"default": "1.5rem",
"@media (max-width: 1024px)": "1.5rem"
},
"7": {
"default": "1.75rem",
"@media (max-width: 1024px)": "1.75rem"
},
"8": {
"default": "2rem",
"@media (max-width: 1024px)": "2rem"
},
"9": {
"default": "2.25rem",
"@media (max-width: 1024px)": "2.25rem"
},
"10": {
"default": "2.5rem",
"@media (max-width: 1024px)": "2.5rem"
},
"px": {
"default": "1px",
"@media (max-width: 1024px)": "1px"
},
"0.5": {
"default": "0.125rem",
"@media (max-width: 1024px)": "0.125rem"
},
"1.5": {
"default": "0.375rem",
"@media (max-width: 1024px)": "0.375rem"
},
"2.5": {
"default": "0.625rem",
"@media (max-width: 1024px)": "0.625rem"
},
"3.5": {
"default": "0.875rem",
"@media (max-width: 1024px)": "0.875rem"
},
"full": {
"default": "100%",
"@media (max-width: 1024px)": "100%"
}
},
"shadow": {
"small": {
"default": "0 1px 2px 0 rgb(0 0 0 / 0.05)",
"@media (max-width: 1024px)": "0 1px 2px 0 rgb(0 0 0 / 0.05)"
},
"regular": {
"default": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
"@media (max-width: 1024px)": "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)"
},
"medium": {
"default": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"@media (max-width: 1024px)": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)"
},
"large": {
"default": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
"@media (max-width: 1024px)": "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)"
},
"inner": {
"default": "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)",
"@media (max-width: 1024px)": "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)"
},
"none": {
"default": "0 0 #0000",
"@media (max-width: 1024px)": "0 0 #0000"
}
},
"fontSize": {
"xxs": {
"default": "0.625rem",
"@media (max-width: 1024px)": "0.625rem"
},
"xs": {
"default": "0.75rem",
"@media (max-width: 1024px)": "0.75rem"
},
"s": {
"default": "0.875rem",
"@media (max-width: 1024px)": "0.875rem"
},
"base": {
"default": "1rem",
"@media (max-width: 1024px)": "1rem"
},
"m": {
"default": "1.125rem",
"@media (max-width: 1024px)": "1.125rem"
},
"l": {
"default": "1.5rem",
"@media (max-width: 1024px)": "1.5rem"
},
"xl": {
"default": "1.625rem",
"@media (max-width: 1024px)": "1.625rem"
},
"xxl": {
"default": "1.75rem",
"@media (max-width: 1024px)": "1.75rem"
}
},
"font": {
"family": {
"default": "'Inter Variable', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
"@media (max-width: 1024px)": "'Inter Variable', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"
},
"familyCode": {
"default": "'Source Code Pro', monospace",
"@media (max-width: 1024px)": "'Source Code Pro', monospace"
},
"weightLighter": {
"default": "100",
"@media (max-width: 1024px)": "100"
},
"weightLight": {
"default": "200",
"@media (max-width: 1024px)": "200"
},
"weightSemiLight": {
"default": "300",
"@media (max-width: 1024px)": "300"
},
"weightNormal": {
"default": "400",
"@media (max-width: 1024px)": "400"
},
"weightMedium": {
"default": "500",
"@media (max-width: 1024px)": "500"
},
"weightSemiBold": {
"default": "600",
"@media (max-width: 1024px)": "600"
},
"weightBold": {
"default": "700",
"@media (max-width: 1024px)": "700"
},
"weightBolder": {
"default": "800",
"@media (max-width: 1024px)": "800"
},
"weightExtraBold": {
"default": "800",
"@media (max-width: 1024px)": "800"
},
"spacingTighter": {
"default": "0",
"@media (max-width: 1024px)": "0"
},
"spacingTight": {
"default": "0",
"@media (max-width: 1024px)": "0"
},
"spacingNormal": {
"default": "0",
"@media (max-width: 1024px)": "0"
},
"spacingWide": {
"default": "0.01em",
"@media (max-width: 1024px)": "0.01em"
},
"spacingWider": {
"default": "0.02em",
"@media (max-width: 1024px)": "0.02em"
},
"spacingWidest": {
"default": "0.04em",
"@media (max-width: 1024px)": "0.04em"
}
},
"leading": {
"none": {
"default": "1",
"@media (max-width: 1024px)": "1"
},
"tight": {
"default": "1.15",
"@media (max-width: 1024px)": "1.15"
},
"normal": {
"default": "1.5",
"@media (max-width: 1024px)": "1.5"
},
"relaxed": {
"default": "1.75",
"@media (max-width: 1024px)": "1.75"
},
"loose": {
"default": "2",
"@media (max-width: 1024px)": "2"
},
"extraLoose": {
"default": "2.5",
"@media (max-width: 1024px)": "2.5"
}
},
"borderRadius": {
"none": {
"default": "0px",
"@media (max-width: 1024px)": "0px"
},
"small": {
"default": "0.125rem",
"@media (max-width: 1024px)": "0.125rem"
},
"normal": {
"default": "0.25rem",
"@media (max-width: 1024px)": "0.25rem"
},
"medium": {
"default": "0.375rem",
"@media (max-width: 1024px)": "0.375rem"
},
"large": {
"default": "0.5rem",
"@media (max-width: 1024px)": "0.5rem"
},
"extraLarge": {
"default": "0.75rem",
"@media (max-width: 1024px)": "0.75rem"
},
"full": {
"default": "9999px",
"@media (max-width: 1024px)": "9999px"
}
},
"filter": {
"blurNone": {
"default": "blur(0)",
"@media (max-width: 1024px)": "blur(0)"
},
"blurSmall": {
"default": "blur(4px)",
"@media (max-width: 1024px)": "blur(4px)"
},
"blurMedium": {
"default": "blur(12px)",
"@media (max-width: 1024px)": "blur(12px)"
},
"blurLarge": {
"default": "blur(16px)",
"@media (max-width: 1024px)": "blur(16px)"
}
},
"transition": {
"none": {
"default": "none",
"@media (max-width: 1024px)": "none"
},
"fast": {
"default": "0.05s ease",
"@media (max-width: 1024px)": "0.05s ease"
},
"slow": {
"default": "0.2s ease",
"@media (max-width: 1024px)": "0.2s ease"
},
"slower": {
"default": "0.5s ease",
"@media (max-width: 1024px)": "0.5s ease"
}
},
"elevation": {
"10": {
"default": "10",
"@media (max-width: 1024px)": "10"
},
"20": {
"default": "20",
"@media (max-width: 1024px)": "20"
},
"30": {
"default": "30",
"@media (max-width: 1024px)": "30"
},
"40": {
"default": "40",
"@media (max-width: 1024px)": "40"
},
"50": {
"default": "50",
"@media (max-width: 1024px)": "50"
},
"behind": {
"default": "-999999",
"@media (max-width: 1024px)": "-999999"
},
"auto": {
"default": "auto",
"@media (max-width: 1024px)": "auto"
}
}
};
const colorTokens = {
primary: "var(--nura15kgmj)",
secondary: "var(--nurax6kfw9)",
svgPrimary: "var(--nura4qrh3c)",
svgSecondary: "var(--nura4rgbf3)",
textPrimary: "var(--nuragb6esp)",
textSecondary: "var(--nura1j32yk2)",
textHighlight: "var(--nura1p03kfg)",
dfxPointBandGreen: "var(--nura376bx6)",
dfxPointBandLightGreen: "var(--nuran4vk4j)",
dfxPointBandYellow: "var(--nura1dazbhd)",
dfxPointBandLightRed: "var(--nura1q5ggap)",
dfxPointBandRed: "var(--nuraa6m4zy)",
backgroundPrimary: "var(--nura150i0fq)",
backgroundSecondary: "var(--nura1jdn895)",
backgroundTertiary: "var(--nura8abwj1)",
placeholder: "var(--nuraym7x2c)",
warning: "var(--nurakl6nur)",
danger: "var(--nurauhjdni)",
success: "var(--nurai1uixs)",
outline: "var(--nura1087wr9)",
borderPrimary: "var(--nura1lb4ufl)",
__themeName__: "nurazc319s"
};
const sizeTokens = {
none: "var(--nuraez2jv5)",
xxs: "var(--nura10zij36)",
xs: "var(--nurabjmzjv)",
s: "var(--nura1dtjy4r)",
m: "var(--nurazykr3n)",
l: "var(--nura13jb585)",
xl: "var(--nura1wb8x52)",
xxl: "var(--nura1bgolzt)",
__themeName__: "nura1du2u5v"
};
const spaceTokens = {
"0": "var(--nura1afdf2b)",
"1": "var(--nurag6ayps)",
"2": "var(--nuralthc6s)",
"3": "var(--nura1oznd4d)",
"4": "var(--nura192u6nt)",
"5": "var(--nura1os0kvx)",
"6": "var(--nura14mt8wj)",
"7": "var(--nura1xt2y8)",
"8": "var(--nuratgqwgb)",
"9": "var(--nuranq48h4)",
"10": "var(--nura1bmxp07)",
px: "var(--nura1mlaj3q)",
"0.5": "var(--nuraax6egv)",
"1.5": "var(--nurafjxrbo)",
"2.5": "var(--nura83jwqh)",
"3.5": "var(--nura16yckt)",
full: "var(--nurah64jnx)",
__themeName__: "nura1w6omlp"
};
const shadowTokens = {
small: "var(--nurafqzbbl)",
regular: "var(--nuratmuee3)",
medium: "var(--nura15olmqr)",
large: "var(--nurajyizgl)",
inner: "var(--nura11aqasm)",
none: "var(--nura1kc53uu)",
__themeName__: "nura1m9jo0c"
};
const fontSizeTokens = {
xxs: "var(--nura1ntqx68)",
xs: "var(--nura1g25ex6)",
s: "var(--nuraqga6x8)",
base: "var(--nura1yowshf)",
m: "var(--nuranllqx7)",
l: "var(--nura148rs9k)",
xl: "var(--nura1y8tq2k)",
xxl: "var(--nuraeix4xg)",
__themeName__: "nuragiplfr"
};
const fontTokens = {
family: "var(--nurab0d2oh)",
familyCode: "var(--nura1q6hgg3)",
weightLighter: "var(--nura1h50opk)",
weightLight: "var(--nura1mlt2cb)",
weightSemiLight: "var(--nura1mpp5bz)",
weightNormal: "var(--nurapfunkk)",
weightMedium: "var(--nura15wuila)",
weightSemiBold: "var(--nuran8rt1q)",
weightBold: "var(--nuralxs4ab)",
weightBolder: "var(--nurao6jd0z)",
weightExtraBold: "var(--nura1p1d7fs)",
spacingTighter: "var(--nura1mhtijf)",
spacingTight: "var(--nural0r81e)",
spacingNormal: "var(--nuraipvt1z)",
spacingWide: "var(--nura103k51f)",
spacingWider: "var(--nuraz6gym2)",
spacingWidest: "var(--nurac66gpe)",
__themeName__: "nuray4fqpn"
};
const leadingTokens = {
none: "var(--nura1ytzsko)",
tight: "var(--nura1td2vm4)",
normal: "var(--nuraocgciw)",
relaxed: "var(--nuraxrifnr)",
loose: "var(--nura1gjezia)",
extraLoose: "var(--nuradoea5v)",
__themeName__: "nurasjkyy3"
};
const borderRadiusTokens = {
none: "var(--nura1obd0uo)",
small: "var(--nura1c9ws0i)",
normal: "var(--nura1u00lbx)",
medium: "var(--nura1v6ju4d)",
large: "var(--nura1oqbosc)",
extraLarge: "var(--nuraz92cg0)",
full: "var(--nura8his1l)",
__themeName__: "nura1emvwvy"
};
const filterTokens = {
blurNone: "var(--nura1guq9b5)",
blurSmall: "var(--nuray66o3g)",
blurMedium: "var(--nura1we6cbv)",
blurLarge: "var(--nura1x368jr)",
__themeName__: "nurarsmpdc"
};
const transitionTokens = {
none: "var(--nura176ojlx)",
fast: "var(--nura1wlx08b)",
slow: "var(--nura1eenqhm)",
slower: "var(--nura1f6llm2)",
__themeName__: "nura7gcsh8"
};
const elevationTokens = {
"10": "var(--nura61urvs)",
"20": "var(--nura1ei5vz8)",
"30": "var(--nura1c1ofgz)",
"40": "var(--nura98b2z7)",
"50": "var(--nura1qkdzau)",
behind: "var(--nurarizrlm)",
auto: "var(--nura1drb8yl)",
__themeName__: "nura1avxsrv"
};
const themeTokens = {
colorTokens,
sizeTokens,
spaceTokens,
shadowTokens,
fontSizeTokens,
fontTokens,
leadingTokens,
borderRadiusTokens,
filterTokens,
transitionTokens,
elevationTokens
};
export { borderRadiusTokens, colorTokens, themeTokens as default, elevationTokens, filterTokens, fontSizeTokens, fontTokens, leadingTokens, shadowTokens, sizeTokens, spaceTokens, tokens, transitionTokens };