@useloops/design-system
Version:
The official React based Loops design system
10 lines (9 loc) • 963 B
TypeScript
export { blueRamp, generateRamp, greenRamp, neutralRamp, peachRamp, purpleRamp, redRamp, yellowRamp } from './systems/BrandCore/colorRamps.js';
export { tone1, tone2, tone3, tone3_ai_icon, tone3_border, tone3_lowOpacity_text, tone4, tone5 } from './systems/BrandCore/gradients.js';
export { blue, darkNeutral, darkNeutralAlpha, green, neutral, neutralAlpha, peach, purple, red, yellow } from './systems/BrandCore/primitiveColor.js';
export { GenericSizeMap, base, boxShadow, breakpoints, easing, elevation, elevationFilter, margin, padding, radius, space } from './systems/BrandCore/primitiveVariables.js';
export { semantic } from './systems/BrandCore/semanticColor.js';
export { ColorRange, ColorRangeAlpha, FontWeight, SemanticColor } from './systems/BrandCore/types.js';
export { fonts } from './systems/BrandCore/typography.js';
export { IconName } from './BrandCore/Icon.js';
export { default as Icon, iconSizeMap } from './systems/BrandCore/Icon/Icon.js';