@carbon/elements
Version:
A collection of design elements in code for the IBM Design Language
643 lines (640 loc) • 20.2 kB
JavaScript
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@carbon/colors'), require('@carbon/type'), require('@carbon/layout'), require('@carbon/themes'), require('@carbon/motion')) :
typeof define === 'function' && define.amd ? define(['exports', '@carbon/colors', '@carbon/type', '@carbon/layout', '@carbon/themes', '@carbon/motion'], factory) :
(global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.CarbonElements = {}, global.CarbonColors, global.CarbonType, global.CarbonLayout, global.CarbonThemes, global.CarbonMotion));
})(this, (function (exports, colors, type, layout, themes, motion) { 'use strict';
Object.defineProperty(exports, "black", {
enumerable: true,
get: function () { return colors.black; }
});
Object.defineProperty(exports, "black100", {
enumerable: true,
get: function () { return colors.black100; }
});
Object.defineProperty(exports, "blue", {
enumerable: true,
get: function () { return colors.blue; }
});
Object.defineProperty(exports, "blue10", {
enumerable: true,
get: function () { return colors.blue10; }
});
Object.defineProperty(exports, "blue100", {
enumerable: true,
get: function () { return colors.blue100; }
});
Object.defineProperty(exports, "blue20", {
enumerable: true,
get: function () { return colors.blue20; }
});
Object.defineProperty(exports, "blue30", {
enumerable: true,
get: function () { return colors.blue30; }
});
Object.defineProperty(exports, "blue40", {
enumerable: true,
get: function () { return colors.blue40; }
});
Object.defineProperty(exports, "blue50", {
enumerable: true,
get: function () { return colors.blue50; }
});
Object.defineProperty(exports, "blue60", {
enumerable: true,
get: function () { return colors.blue60; }
});
Object.defineProperty(exports, "blue70", {
enumerable: true,
get: function () { return colors.blue70; }
});
Object.defineProperty(exports, "blue80", {
enumerable: true,
get: function () { return colors.blue80; }
});
Object.defineProperty(exports, "blue90", {
enumerable: true,
get: function () { return colors.blue90; }
});
Object.defineProperty(exports, "colors", {
enumerable: true,
get: function () { return colors.colors; }
});
Object.defineProperty(exports, "coolGray", {
enumerable: true,
get: function () { return colors.coolGray; }
});
Object.defineProperty(exports, "coolGray10", {
enumerable: true,
get: function () { return colors.coolGray10; }
});
Object.defineProperty(exports, "coolGray100", {
enumerable: true,
get: function () { return colors.coolGray100; }
});
Object.defineProperty(exports, "coolGray20", {
enumerable: true,
get: function () { return colors.coolGray20; }
});
Object.defineProperty(exports, "coolGray30", {
enumerable: true,
get: function () { return colors.coolGray30; }
});
Object.defineProperty(exports, "coolGray40", {
enumerable: true,
get: function () { return colors.coolGray40; }
});
Object.defineProperty(exports, "coolGray50", {
enumerable: true,
get: function () { return colors.coolGray50; }
});
Object.defineProperty(exports, "coolGray60", {
enumerable: true,
get: function () { return colors.coolGray60; }
});
Object.defineProperty(exports, "coolGray70", {
enumerable: true,
get: function () { return colors.coolGray70; }
});
Object.defineProperty(exports, "coolGray80", {
enumerable: true,
get: function () { return colors.coolGray80; }
});
Object.defineProperty(exports, "coolGray90", {
enumerable: true,
get: function () { return colors.coolGray90; }
});
Object.defineProperty(exports, "cyan", {
enumerable: true,
get: function () { return colors.cyan; }
});
Object.defineProperty(exports, "cyan10", {
enumerable: true,
get: function () { return colors.cyan10; }
});
Object.defineProperty(exports, "cyan100", {
enumerable: true,
get: function () { return colors.cyan100; }
});
Object.defineProperty(exports, "cyan20", {
enumerable: true,
get: function () { return colors.cyan20; }
});
Object.defineProperty(exports, "cyan30", {
enumerable: true,
get: function () { return colors.cyan30; }
});
Object.defineProperty(exports, "cyan40", {
enumerable: true,
get: function () { return colors.cyan40; }
});
Object.defineProperty(exports, "cyan50", {
enumerable: true,
get: function () { return colors.cyan50; }
});
Object.defineProperty(exports, "cyan60", {
enumerable: true,
get: function () { return colors.cyan60; }
});
Object.defineProperty(exports, "cyan70", {
enumerable: true,
get: function () { return colors.cyan70; }
});
Object.defineProperty(exports, "cyan80", {
enumerable: true,
get: function () { return colors.cyan80; }
});
Object.defineProperty(exports, "cyan90", {
enumerable: true,
get: function () { return colors.cyan90; }
});
Object.defineProperty(exports, "gray", {
enumerable: true,
get: function () { return colors.gray; }
});
Object.defineProperty(exports, "gray10", {
enumerable: true,
get: function () { return colors.gray10; }
});
Object.defineProperty(exports, "gray100", {
enumerable: true,
get: function () { return colors.gray100; }
});
Object.defineProperty(exports, "gray20", {
enumerable: true,
get: function () { return colors.gray20; }
});
Object.defineProperty(exports, "gray30", {
enumerable: true,
get: function () { return colors.gray30; }
});
Object.defineProperty(exports, "gray40", {
enumerable: true,
get: function () { return colors.gray40; }
});
Object.defineProperty(exports, "gray50", {
enumerable: true,
get: function () { return colors.gray50; }
});
Object.defineProperty(exports, "gray60", {
enumerable: true,
get: function () { return colors.gray60; }
});
Object.defineProperty(exports, "gray70", {
enumerable: true,
get: function () { return colors.gray70; }
});
Object.defineProperty(exports, "gray80", {
enumerable: true,
get: function () { return colors.gray80; }
});
Object.defineProperty(exports, "gray90", {
enumerable: true,
get: function () { return colors.gray90; }
});
Object.defineProperty(exports, "green", {
enumerable: true,
get: function () { return colors.green; }
});
Object.defineProperty(exports, "green10", {
enumerable: true,
get: function () { return colors.green10; }
});
Object.defineProperty(exports, "green100", {
enumerable: true,
get: function () { return colors.green100; }
});
Object.defineProperty(exports, "green20", {
enumerable: true,
get: function () { return colors.green20; }
});
Object.defineProperty(exports, "green30", {
enumerable: true,
get: function () { return colors.green30; }
});
Object.defineProperty(exports, "green40", {
enumerable: true,
get: function () { return colors.green40; }
});
Object.defineProperty(exports, "green50", {
enumerable: true,
get: function () { return colors.green50; }
});
Object.defineProperty(exports, "green60", {
enumerable: true,
get: function () { return colors.green60; }
});
Object.defineProperty(exports, "green70", {
enumerable: true,
get: function () { return colors.green70; }
});
Object.defineProperty(exports, "green80", {
enumerable: true,
get: function () { return colors.green80; }
});
Object.defineProperty(exports, "green90", {
enumerable: true,
get: function () { return colors.green90; }
});
Object.defineProperty(exports, "magenta", {
enumerable: true,
get: function () { return colors.magenta; }
});
Object.defineProperty(exports, "magenta10", {
enumerable: true,
get: function () { return colors.magenta10; }
});
Object.defineProperty(exports, "magenta100", {
enumerable: true,
get: function () { return colors.magenta100; }
});
Object.defineProperty(exports, "magenta20", {
enumerable: true,
get: function () { return colors.magenta20; }
});
Object.defineProperty(exports, "magenta30", {
enumerable: true,
get: function () { return colors.magenta30; }
});
Object.defineProperty(exports, "magenta40", {
enumerable: true,
get: function () { return colors.magenta40; }
});
Object.defineProperty(exports, "magenta50", {
enumerable: true,
get: function () { return colors.magenta50; }
});
Object.defineProperty(exports, "magenta60", {
enumerable: true,
get: function () { return colors.magenta60; }
});
Object.defineProperty(exports, "magenta70", {
enumerable: true,
get: function () { return colors.magenta70; }
});
Object.defineProperty(exports, "magenta80", {
enumerable: true,
get: function () { return colors.magenta80; }
});
Object.defineProperty(exports, "magenta90", {
enumerable: true,
get: function () { return colors.magenta90; }
});
Object.defineProperty(exports, "orange", {
enumerable: true,
get: function () { return colors.orange; }
});
Object.defineProperty(exports, "orange40", {
enumerable: true,
get: function () { return colors.orange40; }
});
Object.defineProperty(exports, "orange60", {
enumerable: true,
get: function () { return colors.orange60; }
});
Object.defineProperty(exports, "orange70", {
enumerable: true,
get: function () { return colors.orange70; }
});
Object.defineProperty(exports, "purple", {
enumerable: true,
get: function () { return colors.purple; }
});
Object.defineProperty(exports, "purple10", {
enumerable: true,
get: function () { return colors.purple10; }
});
Object.defineProperty(exports, "purple100", {
enumerable: true,
get: function () { return colors.purple100; }
});
Object.defineProperty(exports, "purple20", {
enumerable: true,
get: function () { return colors.purple20; }
});
Object.defineProperty(exports, "purple30", {
enumerable: true,
get: function () { return colors.purple30; }
});
Object.defineProperty(exports, "purple40", {
enumerable: true,
get: function () { return colors.purple40; }
});
Object.defineProperty(exports, "purple50", {
enumerable: true,
get: function () { return colors.purple50; }
});
Object.defineProperty(exports, "purple60", {
enumerable: true,
get: function () { return colors.purple60; }
});
Object.defineProperty(exports, "purple70", {
enumerable: true,
get: function () { return colors.purple70; }
});
Object.defineProperty(exports, "purple80", {
enumerable: true,
get: function () { return colors.purple80; }
});
Object.defineProperty(exports, "purple90", {
enumerable: true,
get: function () { return colors.purple90; }
});
Object.defineProperty(exports, "red", {
enumerable: true,
get: function () { return colors.red; }
});
Object.defineProperty(exports, "red10", {
enumerable: true,
get: function () { return colors.red10; }
});
Object.defineProperty(exports, "red100", {
enumerable: true,
get: function () { return colors.red100; }
});
Object.defineProperty(exports, "red20", {
enumerable: true,
get: function () { return colors.red20; }
});
Object.defineProperty(exports, "red30", {
enumerable: true,
get: function () { return colors.red30; }
});
Object.defineProperty(exports, "red40", {
enumerable: true,
get: function () { return colors.red40; }
});
Object.defineProperty(exports, "red50", {
enumerable: true,
get: function () { return colors.red50; }
});
Object.defineProperty(exports, "red60", {
enumerable: true,
get: function () { return colors.red60; }
});
Object.defineProperty(exports, "red70", {
enumerable: true,
get: function () { return colors.red70; }
});
Object.defineProperty(exports, "red80", {
enumerable: true,
get: function () { return colors.red80; }
});
Object.defineProperty(exports, "red90", {
enumerable: true,
get: function () { return colors.red90; }
});
Object.defineProperty(exports, "rgba", {
enumerable: true,
get: function () { return colors.rgba; }
});
Object.defineProperty(exports, "teal", {
enumerable: true,
get: function () { return colors.teal; }
});
Object.defineProperty(exports, "teal10", {
enumerable: true,
get: function () { return colors.teal10; }
});
Object.defineProperty(exports, "teal100", {
enumerable: true,
get: function () { return colors.teal100; }
});
Object.defineProperty(exports, "teal20", {
enumerable: true,
get: function () { return colors.teal20; }
});
Object.defineProperty(exports, "teal30", {
enumerable: true,
get: function () { return colors.teal30; }
});
Object.defineProperty(exports, "teal40", {
enumerable: true,
get: function () { return colors.teal40; }
});
Object.defineProperty(exports, "teal50", {
enumerable: true,
get: function () { return colors.teal50; }
});
Object.defineProperty(exports, "teal60", {
enumerable: true,
get: function () { return colors.teal60; }
});
Object.defineProperty(exports, "teal70", {
enumerable: true,
get: function () { return colors.teal70; }
});
Object.defineProperty(exports, "teal80", {
enumerable: true,
get: function () { return colors.teal80; }
});
Object.defineProperty(exports, "teal90", {
enumerable: true,
get: function () { return colors.teal90; }
});
Object.defineProperty(exports, "warmGray", {
enumerable: true,
get: function () { return colors.warmGray; }
});
Object.defineProperty(exports, "warmGray10", {
enumerable: true,
get: function () { return colors.warmGray10; }
});
Object.defineProperty(exports, "warmGray100", {
enumerable: true,
get: function () { return colors.warmGray100; }
});
Object.defineProperty(exports, "warmGray20", {
enumerable: true,
get: function () { return colors.warmGray20; }
});
Object.defineProperty(exports, "warmGray30", {
enumerable: true,
get: function () { return colors.warmGray30; }
});
Object.defineProperty(exports, "warmGray40", {
enumerable: true,
get: function () { return colors.warmGray40; }
});
Object.defineProperty(exports, "warmGray50", {
enumerable: true,
get: function () { return colors.warmGray50; }
});
Object.defineProperty(exports, "warmGray60", {
enumerable: true,
get: function () { return colors.warmGray60; }
});
Object.defineProperty(exports, "warmGray70", {
enumerable: true,
get: function () { return colors.warmGray70; }
});
Object.defineProperty(exports, "warmGray80", {
enumerable: true,
get: function () { return colors.warmGray80; }
});
Object.defineProperty(exports, "warmGray90", {
enumerable: true,
get: function () { return colors.warmGray90; }
});
Object.defineProperty(exports, "white0", {
enumerable: true,
get: function () { return colors.white0; }
});
Object.defineProperty(exports, "yellow", {
enumerable: true,
get: function () { return colors.yellow; }
});
Object.defineProperty(exports, "yellow20", {
enumerable: true,
get: function () { return colors.yellow20; }
});
Object.defineProperty(exports, "yellow30", {
enumerable: true,
get: function () { return colors.yellow30; }
});
Object.defineProperty(exports, "yellow40", {
enumerable: true,
get: function () { return colors.yellow40; }
});
Object.defineProperty(exports, "yellow50", {
enumerable: true,
get: function () { return colors.yellow50; }
});
Object.defineProperty(exports, "fluid", {
enumerable: true,
get: function () { return type.fluid; }
});
Object.defineProperty(exports, "fontFamilies", {
enumerable: true,
get: function () { return type.fontFamilies; }
});
Object.defineProperty(exports, "fontFamily", {
enumerable: true,
get: function () { return type.fontFamily; }
});
Object.defineProperty(exports, "fontWeight", {
enumerable: true,
get: function () { return type.fontWeight; }
});
Object.defineProperty(exports, "fontWeights", {
enumerable: true,
get: function () { return type.fontWeights; }
});
Object.defineProperty(exports, "getTypeSize", {
enumerable: true,
get: function () { return type.getTypeSize; }
});
Object.defineProperty(exports, "print", {
enumerable: true,
get: function () { return type.print; }
});
Object.defineProperty(exports, "reset", {
enumerable: true,
get: function () { return type.reset; }
});
Object.defineProperty(exports, "scale", {
enumerable: true,
get: function () { return type.scale; }
});
Object.defineProperty(exports, "styles", {
enumerable: true,
get: function () { return type.styles; }
});
Object.defineProperty(exports, "unstable_tokens", {
enumerable: true,
get: function () { return type.unstable_tokens; }
});
Object.defineProperty(exports, "baseFontSize", {
enumerable: true,
get: function () { return layout.baseFontSize; }
});
Object.defineProperty(exports, "breakpoint", {
enumerable: true,
get: function () { return layout.breakpoint; }
});
Object.defineProperty(exports, "breakpointDown", {
enumerable: true,
get: function () { return layout.breakpointDown; }
});
Object.defineProperty(exports, "breakpointUp", {
enumerable: true,
get: function () { return layout.breakpointUp; }
});
Object.defineProperty(exports, "breakpoints", {
enumerable: true,
get: function () { return layout.breakpoints; }
});
Object.defineProperty(exports, "container", {
enumerable: true,
get: function () { return layout.container; }
});
Object.defineProperty(exports, "em", {
enumerable: true,
get: function () { return layout.em; }
});
Object.defineProperty(exports, "fluidSpacing", {
enumerable: true,
get: function () { return layout.fluidSpacing; }
});
Object.defineProperty(exports, "iconSize", {
enumerable: true,
get: function () { return layout.iconSize; }
});
Object.defineProperty(exports, "miniUnit", {
enumerable: true,
get: function () { return layout.miniUnit; }
});
Object.defineProperty(exports, "miniUnits", {
enumerable: true,
get: function () { return layout.miniUnits; }
});
Object.defineProperty(exports, "px", {
enumerable: true,
get: function () { return layout.px; }
});
Object.defineProperty(exports, "rem", {
enumerable: true,
get: function () { return layout.rem; }
});
Object.defineProperty(exports, "spacing", {
enumerable: true,
get: function () { return layout.spacing; }
});
Object.defineProperty(exports, "easings", {
enumerable: true,
get: function () { return motion.easings; }
});
Object.defineProperty(exports, "fast01", {
enumerable: true,
get: function () { return motion.fast01; }
});
Object.defineProperty(exports, "fast02", {
enumerable: true,
get: function () { return motion.fast02; }
});
Object.defineProperty(exports, "moderate01", {
enumerable: true,
get: function () { return motion.moderate01; }
});
Object.defineProperty(exports, "moderate02", {
enumerable: true,
get: function () { return motion.moderate02; }
});
Object.defineProperty(exports, "motion", {
enumerable: true,
get: function () { return motion.motion; }
});
Object.defineProperty(exports, "slow01", {
enumerable: true,
get: function () { return motion.slow01; }
});
Object.defineProperty(exports, "slow02", {
enumerable: true,
get: function () { return motion.slow02; }
});
Object.keys(themes).forEach(function (k) {
if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
enumerable: true,
get: function () { return themes[k]; }
});
});
}));