UNPKG

@project44-manifest/react

Version:

Manifest Design System react components

457 lines 14.4 kB
export declare const useStyles: import("@stitches/react/types/styled-component").CssComponent<never, { orientation?: "horizontal" | "vertical" | undefined; }, { 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=RadioGroup.styles.d.ts.map