@project44-manifest/react
Version:
Manifest Design System react components
455 lines • 14.4 kB
TypeScript
export declare const StyledLink: import("@stitches/react/types/styled-component").StyledComponent<"a", {}, {
lg: string;
md: string;
sm: string;
xl: string;
xs: string;
}, import("@stitches/react/types/css-util").CSS<{
lg: string;
md: string;
sm: string;
xl: string;
xs: string;
}, {
borderWidths: {
large: "0.1875rem";
medium: "0.125rem";
small: "0.0625rem";
};
colors: {
'background-danger': "#f5e9e8";
'background-primary': "#ffffff";
'background-secondary': "#f4f4f5";
'background-side-nav': "#021c6b";
'background-success': "#ddefe6";
'background-surface': "#ffffff";
'background-tertiary': "#e4e6e7";
'background-top-nav': "#1f3987";
'background-warning': "#fbede7";
'background-backdrop': "#091521";
'border-danger': "#b4362f";
'border-disabled': "#f4f4f5";
'border-primary': "#e4e6e7";
'border-success': "#0b6b3d";
'border-warning': "#f45e1e";
'brand-default': "#0072ec";
'brand-active': "linear-gradient(0deg, rgba(9, 21, 33, 0.4), rgba(9, 21, 33, 0.4)), linear-gradient(90deg, #0072ec 0%, #4e00c6 163.65%, #8c18e2 191.59%)";
'brand-hover': "linear-gradient(0deg, rgba(9, 21, 33, 0.2), rgba(9, 21, 33, 0.2)), linear-gradient(90deg, #0072ec 0%, #4e00c6 163.65%, #8c18e2 191.59%)";
'brand-gradient': "linear-gradient(90deg, #0072ec 0%, #4e00c6 163.65%, #8c18e2 191.59%)";
'data-viz-danger-fill': "#e3837d";
'data-viz-danger-hover': "#b4362f";
'data-viz-danger-line': "#d44037";
'data-viz-neutral-fill': "#d1d3d6";
'data-viz-neutral-hover': "#898e94";
'data-viz-primary-fill': "#7785db";
'data-viz-primary-fill-alt': "#c7ccf0";
'data-viz-primary-hover': "#3442bc";
'data-viz-primary-line': "#3142c8";
'data-viz-secondary-fill': "#62a9f4";
'data-viz-secondary-fill-alt': "#c9e1fb";
'data-viz-secondary-hover': "#005cbe";
'data-viz-secondary-line': "#0072ec";
'data-viz-tertiary-fill': "#b16fed";
'data-viz-tertiary-fill-alt': "#ddd0f3";
'data-viz-tertiary-hover': "#8110dc";
'data-viz-tertiary-line': "#8c18e2";
'data-viz-warning-fill': "#ff9365";
'data-viz-warning-hover': "#f45e1e";
'data-viz-warning-line': "#ff6422";
'palette-black': "#091521";
'palette-white': "#ffffff";
'palette-blue-50': "#ecf4fe";
'palette-blue-100': "#c9e1fb";
'palette-blue-200': "#95c5f8";
'palette-blue-300': "#62a9f4";
'palette-blue-400': "#308df1";
'palette-blue-500': "#0072ec";
'palette-blue-600': "#005cbe";
'palette-blue-700': "#00458e";
'palette-blue-800': "#003772";
'palette-blue-900': "#002956";
'palette-brown-50': "#faf0e7";
'palette-brown-100': "#ead9ce";
'palette-brown-200': "#d8c1b2";
'palette-brown-300': "#c4a794";
'palette-brown-400': "#b3917b";
'palette-brown-500': "#a27c62";
'palette-brown-600': "#95715a";
'palette-brown-700': "#84634f";
'palette-brown-800': "#755646";
'palette-brown-900': "#64473a";
'palette-green-50': "#ddefe6";
'palette-green-100': "#c3e1d2";
'palette-green-200': "#93c9ae";
'palette-green-300': "#62b08b";
'palette-green-400': "#329867";
'palette-green-500': "#0e864c";
'palette-green-600': "#0b6b3d";
'palette-green-700': "#095731";
'palette-green-800': "#074326";
'palette-green-900': "#06361e";
'palette-grey-50': "#fafafb";
'palette-grey-100': "#f4f4f5";
'palette-grey-200': "#e4e6e7";
'palette-grey-300': "#d1d3d6";
'palette-grey-400': "#a9adb1";
'palette-grey-500': "#898e94";
'palette-grey-600': "#697078";
'palette-grey-700': "#49515a";
'palette-grey-800': "#2a343f";
'palette-grey-900': "#091521";
'palette-indigo-50': "#e9eafa";
'palette-indigo-100': "#c7ccf0";
'palette-indigo-200': "#a5aee8";
'palette-indigo-300': "#7785db";
'palette-indigo-400': "#5c6cd6";
'palette-indigo-500': "#3142c8";
'palette-indigo-600': "#3442bc";
'palette-indigo-700': "#2e39ad";
'palette-indigo-800': "#232b9c";
'palette-indigo-900': "#16158d";
'palette-orange-50': "#fbede7";
'palette-orange-100': "#ffd0bc";
'palette-orange-200': "#ffb291";
'palette-orange-300': "#ff9365";
'palette-orange-400': "#ff7b43";
'palette-orange-500': "#ff6422";
'palette-orange-600': "#f45e1e";
'palette-orange-700': "#e65719";
'palette-orange-800': "#d85015";
'palette-orange-900': "#bf420c";
'palette-pink-50': "#fbe5ee";
'palette-pink-100': "#f6bed6";
'palette-pink-200': "#f194ba";
'palette-pink-300': "#ed6a9f";
'palette-pink-400': "#ea4c89";
'palette-pink-500': "#e83274";
'palette-pink-600': "#d72f70";
'palette-pink-700': "#c02c69";
'palette-pink-800': "#aa2964";
'palette-pink-900': "#852259";
'palette-purple-50': "#f2e7fc";
'palette-purple-100': "#ddd0f3";
'palette-purple-200': "#c79bf2";
'palette-purple-300': "#b16fed";
'palette-purple-400': "#9e4ae8";
'palette-purple-500': "#8c18e2";
'palette-purple-600': "#8110dc";
'palette-purple-700': "#7300d3";
'palette-purple-800': "#6500ce";
'palette-purple-900': "#4e00c6";
'palette-red-50': "#f5e9e8";
'palette-red-100': "#f4cfcd";
'palette-red-200': "#eca9a5";
'palette-red-300': "#e3837d";
'palette-red-400': "#da5d55";
'palette-red-500': "#d44037";
'palette-red-600': "#b4362f";
'palette-red-700': "#942d27";
'palette-red-800': "#75231e";
'palette-red-900': "#551a16";
'palette-yellow-50': "#fefae7";
'palette-yellow-100': "#fbf1c4";
'palette-yellow-200': "#f8e99f";
'palette-yellow-300': "#f4e07b";
'palette-yellow-400': "#f0d961";
'palette-yellow-500': "#ecd348";
'palette-yellow-600': "#dcc243";
'palette-yellow-700': "#c8ac3d";
'palette-yellow-800': "#b39638";
'palette-yellow-900': "#90722f";
'primary-default': "#3142c8";
'primary-active': "#16158d";
'primary-hover': "#2e39ad";
'text-contrast': "#ffffff";
'text-danger': "#b4362f";
'text-disabled': "#a9adb1";
'text-primary': "#091521";
'text-secondary': "#49515a";
'text-success': "#0b6b3d";
'text-tertiary': "#898e94";
'text-warning': "#f45e1e";
};
opacity: {
disabled: 0.38;
};
motion: {
'duration-instant': "0ms";
'duration-short': "100ms";
'duration-medium': "200ms";
'duration-long': "300ms";
'easing-linear': "linear";
'easing-standard': "cubic-bezier(0.4, 0.14, 0.3, 1)";
'easing-entrance': "cubic-bezier(0, 0, 0.3, 1)";
'easing-exit': "cubic-bezier(0.4, 0.14, 1, 1)";
};
fonts: {
character: string;
mono: "\"Fira Mono\", Courier, monospace";
text: "\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif";
};
fontSizes: {
large: "1.25rem";
medium: "1rem";
small: "0.875rem";
'x-large': "1.5rem";
'x-small': "0.75rem";
'xx-large': "2rem";
};
fontWeights: {
bold: 700;
regular: 400;
semibold: 600;
};
letterSpacings: {
large: "0em";
medium: "-0.01em";
small: "-0.02em";
'x-small': "-0.03em";
};
lineHeights: {
large: "1.875rem";
medium: "1.5rem";
small: "1.25rem";
'x-large': "2rem";
'x-small': "1.125rem";
'xx-large': "2.625rem";
};
radii: {
full: "999em";
small: "0.125rem";
};
shadows: {
large: "0px -1px 2px rgba(61, 58, 180, 0.1), 0px 6px 14px rgba(61, 58, 180, 0.15)";
medium: "0px -1px 2px rgba(61, 58, 180, 0.1), 0px 4px 5px rgba(61, 58, 180, 0.15)";
small: "0px -1px 2px rgba(61, 58, 180, 0.1), 0px 1px 2px rgba(61, 58, 180, 0.4)";
};
sizes: {
large: "87.5rem";
medium: "80rem";
small: "60rem";
'x-large': "120rem";
'x-small': "40.625rem";
};
space: {
medium: "1rem";
small: "0.5rem";
large: "1.5rem";
'x-large': "2rem";
'x-small': "0.25rem";
};
zIndices: {
dropdown: 7000;
modal: 9000;
overlay: 8000;
popover: 5000;
sticky: 100;
tooltip: 6000;
};
}, {
gap: "space";
gridGap: "space";
columnGap: "space";
gridColumnGap: "space";
rowGap: "space";
gridRowGap: "space";
inset: "space";
insetBlock: "space";
insetBlockEnd: "space";
insetBlockStart: "space";
insetInline: "space";
insetInlineEnd: "space";
insetInlineStart: "space";
margin: "space";
marginTop: "space";
marginRight: "space";
marginBottom: "space";
marginLeft: "space";
marginBlock: "space";
marginBlockEnd: "space";
marginBlockStart: "space";
marginInline: "space";
marginInlineEnd: "space";
marginInlineStart: "space";
padding: "space";
paddingTop: "space";
paddingRight: "space";
paddingBottom: "space";
paddingLeft: "space";
paddingBlock: "space";
paddingBlockEnd: "space";
paddingBlockStart: "space";
paddingInline: "space";
paddingInlineEnd: "space";
paddingInlineStart: "space";
scrollMargin: "space";
scrollMarginTop: "space";
scrollMarginRight: "space";
scrollMarginBottom: "space";
scrollMarginLeft: "space";
scrollMarginBlock: "space";
scrollMarginBlockEnd: "space";
scrollMarginBlockStart: "space";
scrollMarginInline: "space";
scrollMarginInlineEnd: "space";
scrollMarginInlineStart: "space";
scrollPadding: "space";
scrollPaddingTop: "space";
scrollPaddingRight: "space";
scrollPaddingBottom: "space";
scrollPaddingLeft: "space";
scrollPaddingBlock: "space";
scrollPaddingBlockEnd: "space";
scrollPaddingBlockStart: "space";
scrollPaddingInline: "space";
scrollPaddingInlineEnd: "space";
scrollPaddingInlineStart: "space";
top: "space";
right: "space";
bottom: "space";
left: "space";
fontSize: "fontSizes";
background: "colors";
backgroundColor: "colors";
backgroundImage: "colors";
borderImage: "colors";
border: "colors";
borderBlock: "colors";
borderBlockEnd: "colors";
borderBlockStart: "colors";
borderBottom: "colors";
borderBottomColor: "colors";
borderColor: "colors";
borderInline: "colors";
borderInlineEnd: "colors";
borderInlineStart: "colors";
borderLeft: "colors";
borderLeftColor: "colors";
borderRight: "colors";
borderRightColor: "colors";
borderTop: "colors";
borderTopColor: "colors";
caretColor: "colors";
color: "colors";
columnRuleColor: "colors";
outline: "colors";
outlineColor: "colors";
fill: "colors";
stroke: "colors";
textDecorationColor: "colors";
fontFamily: "fonts";
fontWeight: "fontWeights";
lineHeight: "lineHeights";
letterSpacing: "letterSpacings";
blockSize: "sizes";
minBlockSize: "sizes";
maxBlockSize: "sizes";
inlineSize: "sizes";
minInlineSize: "sizes";
maxInlineSize: "sizes";
width: "sizes";
minWidth: "sizes";
maxWidth: "sizes";
height: "sizes";
minHeight: "sizes";
maxHeight: "sizes";
flexBasis: "sizes";
gridTemplateColumns: "sizes";
gridTemplateRows: "sizes";
borderWidth: "borderWidths";
borderTopWidth: "borderWidths";
borderLeftWidth: "borderWidths";
borderRightWidth: "borderWidths";
borderBottomWidth: "borderWidths";
borderStyle: "borderStyles";
borderTopStyle: "borderStyles";
borderLeftStyle: "borderStyles";
borderRightStyle: "borderStyles";
borderBottomStyle: "borderStyles";
borderRadius: "radii";
borderTopLeftRadius: "radii";
borderTopRightRadius: "radii";
borderBottomRightRadius: "radii";
borderBottomLeftRadius: "radii";
boxShadow: "shadows";
textShadow: "shadows";
transition: "transitions";
zIndex: "zIndices";
}, {
bgColor: (value: {}) => {
backgroundColor: {};
};
d: (value: {}) => {
display: {};
};
h: (value: {}) => {
height: {};
};
maxH: (value: {}) => {
maxHeight: {};
};
maxW: (value: {}) => {
maxWidth: {};
};
minH: (value: {}) => {
minHeight: {};
};
minW: (value: {}) => {
minWidth: {};
};
size: (value: {}) => {
height: {};
width: {};
};
w: (value: {}) => {
width: {};
};
m: (value: {}) => {
margin: {};
};
mb: (value: {}) => {
marginBottom: {};
};
ml: (value: {}) => {
marginLeft: {};
};
mr: (value: {}) => {
marginRight: {};
};
mt: (value: {}) => {
marginTop: {};
};
mx: (value: {}) => {
marginLeft: {};
marginRight: {};
};
my: (value: {}) => {
marginBottom: {};
marginTop: {};
};
p: (value: {}) => {
padding: {};
};
pb: (value: {}) => {
paddingBottom: {};
};
pl: (value: {}) => {
paddingLeft: {};
};
pr: (value: {}) => {
paddingRight: {};
};
pt: (value: {}) => {
paddingTop: {};
};
px: (value: {}) => {
paddingLeft: {};
paddingRight: {};
};
py: (value: {}) => {
paddingBottom: {};
paddingTop: {};
};
typography: (variant: "$body-bold" | "$body" | "$caption-bold" | "$caption" | "$display" | "$heading" | "$subtext-bold" | "$subtext" | "$subtitle" | "$title") => import("@stitches/react/types/css-util").CSSProperties;
}>>;
//# sourceMappingURL=Link.styles.d.ts.map