@octaviaflow/elements 1.0.0

package/lib/index.js

@@ -0,0 +1,646 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var colors = require('@octaviaflow/colors');
+var type = require('@octaviaflow/type');
+var layout = require('@octaviaflow/layout');
+var themes = require('@octaviaflow/themes');
+var motion = require('@octaviaflow/motion');
+
+
+
+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]; }
+  });
+});

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "@octaviaflow/elements",
+  "description": "A collection of design elements in code for the OctaviaFlow Design Language",
+  "version": "1.0.0",
+  "license": "Apache-2.0",
+  "main": "lib/index.js",
+  "module": "es/index.js",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/octaviaflow-design-system.git",
+    "directory": "packages/elements"
+  },
+  "bugs": "https://github.com/octaviaflow-design-system/issues",
+  "files": [
+    "es",
+    "lib",
+    "src",
+    "umd",
+    "index.scss",
+    "telemetry.yml"
+  ],
+  "keywords": [
+    "octaviaflow",
+    "elements",
+    "components",
+    "react"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "bun run clean && octaviaflow-cli bundle src/index.js --name OctaviaElements",
+    "clean": "rimraf es lib umd"
+  },
+  "dependencies": {
+    "@octaviaflow/colors": "^1.0.0",
+    "@octaviaflow/grid": "^1.0.0",
+    "@octaviaflow/icons": "^1.0.0",
+    "@octaviaflow/layout": "^1.0.0",
+    "@octaviaflow/motion": "^1.0.0",
+    "@octaviaflow/themes": "^1.0.0",
+    "@octaviaflow/type": "^1.0.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.28.6",
+    "@babel/preset-env": "^7.28.6",
+    "@octaviaflow/cli": "^1.0.0",
+    "fs-extra": "^11.0.0",
+    "klaw-sync": "^6.0.0",
+    "replace-in-file": "^7.0.0",
+    "rimraf": "^6.0.0"
+  }
+}

package/src/__tests__/PublicAPI-test.js

@@ -0,0 +1,15 @@
+/**
+ * Copyright OctaviaFlow
+ * Author: Vishal Kumar
+ * Created: 11/November/2025
+ * 
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+
+import * as CarbonElements from '../';
+
+test('Public API should only change with a semver change', () => {
+  expect(Object.keys(CarbonElements).sort()).toMatchSnapshot();
+});