@octaviaflow/elements 1.0.0

package/README.md

@@ -0,0 +1,91 @@
+# @octaviaflow/elements
+
+> A collection of design elements in code for the IBM Design Language
+
+## Getting started
+
+To install `@octaviaflow/elements` in your project, you will need to run the
+following command using [npm](https://www.npmjs.com/):
+
+```bash
+npm install -S @octaviaflow/elements
+```
+
+If you prefer [Yarn](https://yarnpkg.com/en/), use the following command
+instead:
+
+```bash
+yarn add @octaviaflow/elements
+```
+
+## Usage
+
+`@octaviaflow/elements` includes all of the other elements packages in the project
+and can be useful instead of installing each package individually. This package
+offers support for both the JavaScript exports from these packages, in addition
+to Sass support.
+
+### Sass
+
+`@octaviaflow/elements` provides two entrypoints for you to leverage: a bundled
+entrypoint and a module entrypoint. For most use-cases, the bundled entrypoint
+will work for you. If you have taken an extra step to configure your build
+configuration to properly resolve `@import`s from files, then feel free to use
+the module entrypoint.
+
+To include the bundled entrypoint, you can include the following in your Sass
+file:
+
+```scss
+@import '@octaviaflow/elements/scss/elements';
+
+# Import a specific package nested in elements
+@import '@octaviaflow/elements/scss/themes/g10';
+```
+
+Include in the example above is how to access nested packages. These packages
+are ones that you could optionally install as a package, like `@octaviaflow/themes`,
+but we've included them inline as a convenience.
+
+To include the module entrypoint, you can include the following in your Sass
+file:
+
+```scss
+@import '@octaviaflow/elements/scss/index';
+```
+
+### JavaScript
+
+`@octaviaflow/elements` re-exports the exports from all of the packages that it
+exports. That means that if an individual package exports a value, then you can
+import it the same way when using `@octaviaflow/elements`. For example, with
+`@octaviaflow/colors` we might write:
+
+```js
+import { colors } from '@octaviaflow/colors';
+```
+
+With `@octaviaflow/elements`, you can also import `colors`:
+
+```js
+import { colors } from '@octaviaflow/elements';
+```
+
+## 🙌 Contributing
+
+We're always looking for contributors to help us fix bugs, build new features,
+or help us improve the project documentation. If you're interested, definitely
+check out our [Contributing Guide](/.github/CONTRIBUTING.md)! 👀
+
+## 📝 License
+
+Licensed under the [Apache 2.0 License](/LICENSE).
+
+## <picture><source height="20" width="20" media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-dark.svg"><source height="20" width="20" media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-light.svg"><img height="20" width="20" alt="IBM Telemetry" src="https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-light.svg"></picture> IBM Telemetry
+
+This package uses IBM Telemetry to collect de-identified and anonymized metrics
+data. By installing this package as a dependency you are agreeing to telemetry
+collection. To opt out, see
+[Opting out of IBM Telemetry data collection](https://github.com/ibm-telemetry/telemetry-js/tree/main#opting-out-of-ibm-telemetry-data-collection).
+For more information on the data being collected, please see the
+[IBM Telemetry documentation](https://github.com/ibm-telemetry/telemetry-js/tree/main#ibm-telemetry-collection-basics).

package/es/index.js

@@ -0,0 +1,5 @@
+export { black, black100, blue, blue10, blue100, blue20, blue30, blue40, blue50, blue60, blue70, blue80, blue90, colors, coolGray, coolGray10, coolGray100, coolGray20, coolGray30, coolGray40, coolGray50, coolGray60, coolGray70, coolGray80, coolGray90, cyan, cyan10, cyan100, cyan20, cyan30, cyan40, cyan50, cyan60, cyan70, cyan80, cyan90, gray, gray10, gray100, gray20, gray30, gray40, gray50, gray60, gray70, gray80, gray90, green, green10, green100, green20, green30, green40, green50, green60, green70, green80, green90, magenta, magenta10, magenta100, magenta20, magenta30, magenta40, magenta50, magenta60, magenta70, magenta80, magenta90, orange, orange40, orange60, orange70, purple, purple10, purple100, purple20, purple30, purple40, purple50, purple60, purple70, purple80, purple90, red, red10, red100, red20, red30, red40, red50, red60, red70, red80, red90, rgba, teal, teal10, teal100, teal20, teal30, teal40, teal50, teal60, teal70, teal80, teal90, warmGray, warmGray10, warmGray100, warmGray20, warmGray30, warmGray40, warmGray50, warmGray60, warmGray70, warmGray80, warmGray90, white0, yellow, yellow20, yellow30, yellow40, yellow50 } from '@octaviaflow/colors';
+export { fluid, fontFamilies, fontFamily, fontWeight, fontWeights, getTypeSize, print, reset, scale, styles, unstable_tokens } from '@octaviaflow/type';
+export { baseFontSize, breakpoint, breakpointDown, breakpointUp, breakpoints, container, em, fluidSpacing, iconSize, miniUnit, miniUnits, px, rem, spacing } from '@octaviaflow/layout';
+export * from '@octaviaflow/themes';
+export { easings, fast01, fast02, moderate01, moderate02, motion, slow01, slow02 } from '@octaviaflow/motion';

package/index.scss

@@ -0,0 +1,13 @@
+//
+// Copyright OctaviaFlow. 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.
+//
+
+@forward '@octaviaflow/colors';
+@forward '@octaviaflow/themes';
+@forward '@octaviaflow/layout';
+@forward '@octaviaflow/grid' hide $prefix;
+@forward '@octaviaflow/type' hide $prefix;
+@forward '@octaviaflow/motion';