@nuralogix.ai/web-ui
Version:
Nuralogix Web UI
598 lines (596 loc) • 15.7 kB
JavaScript
const tokens = {
"color": {
"primary": {
"default": "#6B8FFF",
"@media (max-width: 1024px)": "#6B8FFF"
},
"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": "#D1D5DB",
"@media (max-width: 1024px)": "#D1D5DB"
},
"textSecondary": {
"default": "rgb(0, 0, 0)",
"@media (max-width: 1024px)": "rgb(0, 0, 0)"
},
"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": "#1F2937",
"@media (max-width: 1024px)": "#1F2937"
},
"backgroundSecondary": {
"default": "#374151",
"@media (max-width: 1024px)": "#374151"
},
"backgroundTertiary": {
"default": "#4B5563",
"@media (max-width: 1024px)": "#4B5563"
},
"placeholder": {
"default": "#9CA3AF",
"@media (max-width: 1024px)": "#9CA3AF"
},
"success": {
"default": "#34D399",
"@media (max-width: 1024px)": "#34D399"
},
"danger": {
"default": "#FF4D4D",
"@media (max-width: 1024px)": "#FF4D4D"
},
"warning": {
"default": "#FBBF24",
"@media (max-width: 1024px)": "#FBBF24"
},
"outline": {
"default": "#9CA3AF",
"@media (max-width: 1024px)": "#9CA3AF"
},
"borderPrimary": {
"default": "#6B7280",
"@media (max-width: 1024px)": "#6B7280"
}
},
"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(--nura1t3rxob)",
secondary: "var(--nurac0xfl0)",
svgPrimary: "var(--nura1lys5j8)",
svgSecondary: "var(--nura1tvk7fb)",
textPrimary: "var(--nura1r1jtr8)",
textSecondary: "var(--nura1x4ihrx)",
textHighlight: "var(--nura11xpmtc)",
dfxPointBandGreen: "var(--nura189oe4t)",
dfxPointBandLightGreen: "var(--nura1m9ex4u)",
dfxPointBandYellow: "var(--nura1o1ctcs)",
dfxPointBandLightRed: "var(--nura1qem2wd)",
dfxPointBandRed: "var(--nurauco1i6)",
backgroundPrimary: "var(--nura1eyt6zq)",
backgroundSecondary: "var(--nura1p8y2i8)",
backgroundTertiary: "var(--nura93gwl2)",
placeholder: "var(--nurausgh25)",
success: "var(--nuradn5qp2)",
danger: "var(--nura1eqaum5)",
warning: "var(--nura1a79zww)",
outline: "var(--nura13qkcix)",
borderPrimary: "var(--nura18gkcxp)",
__themeName__: "nura1bg4z2m"
};
const sizeTokens = {
none: "var(--nuraxr9zr7)",
xxs: "var(--nura16twfyi)",
xs: "var(--nurafuhwbp)",
s: "var(--nura1lwdqd5)",
m: "var(--nurak4tti0)",
l: "var(--nura7x3zcf)",
xl: "var(--nura11a4zim)",
xxl: "var(--nurant3gmo)",
__themeName__: "nura1uv39ic"
};
const spaceTokens = {
"0": "var(--nura1k9hmp6)",
"1": "var(--nura1qwkjhs)",
"2": "var(--nura2td6xo)",
"3": "var(--nura1vcttqn)",
"4": "var(--nura1hrjh3j)",
"5": "var(--nura1rnt53x)",
"6": "var(--nurawzfaie)",
"7": "var(--nura17xc4j6)",
"8": "var(--nurajaojg1)",
"9": "var(--nura1qk4uwj)",
"10": "var(--nura2nxh7v)",
px: "var(--nurayb88gy)",
"0.5": "var(--nura3utnui)",
"1.5": "var(--nuranvyi1)",
"2.5": "var(--nura1sa9pp2)",
"3.5": "var(--nurarh4qzk)",
full: "var(--nura1harvob)",
__themeName__: "nura11fj8hn"
};
const shadowTokens = {
small: "var(--nurachopq3)",
regular: "var(--nura1had6qr)",
medium: "var(--nura3eu4ha)",
large: "var(--nura1bngygi)",
inner: "var(--nura1xrsavr)",
none: "var(--nura16zvxss)",
__themeName__: "nuracil3y2"
};
const fontSizeTokens = {
xxs: "var(--nurab1mhng)",
xs: "var(--nuraytyjg6)",
s: "var(--nurat1ana1)",
base: "var(--nurasoc02c)",
m: "var(--nurauozfb3)",
l: "var(--nura151zclg)",
xl: "var(--nurabek6tk)",
xxl: "var(--nurax1s4n2)",
__themeName__: "nura13v19d"
};
const fontTokens = {
family: "var(--nura5ws185)",
familyCode: "var(--nura15pxpln)",
weightLighter: "var(--nuraop3txb)",
weightLight: "var(--nurav8kkbq)",
weightSemiLight: "var(--nura1wxy3a5)",
weightNormal: "var(--nura1vbl1il)",
weightMedium: "var(--nuraez42cl)",
weightSemiBold: "var(--nura111zgvv)",
weightBold: "var(--nuraa6i7ec)",
weightBolder: "var(--nuraicucjz)",
weightExtraBold: "var(--nura1bthghg)",
spacingTighter: "var(--nura13kdxmb)",
spacingTight: "var(--nurarrpz26)",
spacingNormal: "var(--nuras6s3bh)",
spacingWide: "var(--nura1q7jn1b)",
spacingWider: "var(--nuraccq7bu)",
spacingWidest: "var(--nuracrl1yn)",
__themeName__: "nura8l07yk"
};
const leadingTokens = {
none: "var(--nuraal11a2)",
tight: "var(--nuraybsm5d)",
normal: "var(--nuradim0st)",
relaxed: "var(--nura15tybe0)",
loose: "var(--nura12eayp6)",
extraLoose: "var(--nurawn9jkm)",
__themeName__: "nura927nu8"
};
const borderRadiusTokens = {
none: "var(--nurabtcvpl)",
small: "var(--nura1afi7qv)",
normal: "var(--nura15yqgvb)",
medium: "var(--nurasf3o3m)",
large: "var(--nuraimulti)",
extraLarge: "var(--nura16zmalv)",
full: "var(--nurafz7cjn)",
__themeName__: "nuraak2exh"
};
const filterTokens = {
blurNone: "var(--nura137mxtf)",
blurSmall: "var(--nura1o0emb5)",
blurMedium: "var(--nura13lyf0u)",
blurLarge: "var(--nura18g3bz4)",
__themeName__: "nura1lutyi5"
};
const transitionTokens = {
none: "var(--nura1v1tnmu)",
fast: "var(--nura2kwzeb)",
slow: "var(--nura1vvtfo9)",
slower: "var(--nuraitlshj)",
__themeName__: "nuras8d61c"
};
const elevationTokens = {
"10": "var(--nura1i1ejmt)",
"20": "var(--nura5qk3gp)",
"30": "var(--nurah9t3ob)",
"40": "var(--nura43tbvn)",
"50": "var(--nura1yhukqj)",
behind: "var(--nuraeqozx9)",
auto: "var(--nura3kqhfb)",
__themeName__: "nura14218ip"
};
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 };