@octaviaflow/elements 1.0.0

package/umd/index.js

@@ -0,0 +1,644 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@octaviaflow/colors'), require('@octaviaflow/type'), require('@octaviaflow/layout'), require('@octaviaflow/themes'), require('@octaviaflow/motion')) :
+  typeof define === 'function' && define.amd ? define(['exports', '@octaviaflow/colors', '@octaviaflow/type', '@octaviaflow/layout', '@octaviaflow/themes', '@octaviaflow/motion'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.OctaviaElements = {}, global.colors, global.type, global.layout, global.themes, global.motion));
+})(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' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+      enumerable: true,
+      get: function () { return themes[k]; }
+    });
+  });
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+}));