@codecademy/variance 0.24.1-alpha.8d6013.0 → 0.24.1-alpha.9b9cf1.0

package/dist/core.js

@@ -115,7 +115,10 @@ export const variance = {
       }
     };
   },
-  compose(...parsers) {
+  compose() {
+    for (var _len = arguments.length, parsers = new Array(_len), _key = 0; _key < _len; _key++) {
+      parsers[_key] = arguments[_key];
+    }
     return this.createParser(parsers.reduce((carry, parser) => ({
       ...carry,
       ...parser.config
@@ -135,9 +138,10 @@ export const variance = {
       const staticCss = getStaticCss(cssProps, ['theme',
       // Just in case this gets passed somehow
       ...selectors, ...filteredProps]);
-      return ({
-        theme
-      }) => {
+      return _ref => {
+        let {
+          theme
+        } = _ref;
         if (cache) return cache;
         const css = parser({
           ...cssProps,
@@ -165,12 +169,13 @@ export const variance = {
   },
   createVariant(config) {
     const css = this.createCss(config);
-    return ({
-      prop = 'variant',
-      defaultVariant,
-      base = {},
-      variants
-    }) => {
+    return _ref2 => {
+      let {
+        prop = 'variant',
+        defaultVariant,
+        base = {},
+        variants
+      } = _ref2;
       const baseFn = css(base);
       const variantFns = {};
       Object.keys(variants).forEach(key => {

package/dist/createTheme/createTheme.d.ts

@@ -46,6 +46,12 @@ declare class ThemeBuilder<T extends AbstractTheme> {
      * @example .updateScale('fonts', ({ basic }) => ({ basicFallback: `{basic}, Montserrat` }))
      */
     updateScale<Key extends keyof T, Fn extends (tokens: T[Key]) => Record<string | number, unknown>>(key: Key, updateFn: Fn): ThemeBuilder<T & Record<Key, T[Key] & ReturnType<Fn>>>;
+    /**
+     *
+     * @param name Adds an accessible name to the theme
+     * @example .addName('core')
+     */
+    addName(name: string): ThemeBuilder<MergeTheme<T & PrivateThemeKeys, Record<'name', string>>>;
     /**
      * This finalizes the theme build and returns the final theme and variables to be provided.
      */

package/dist/createTheme/createTheme.js

@@ -3,7 +3,7 @@ import merge from 'lodash/merge';
 import { flattenScale } from '../utils/flattenScale';
 import { serializeTokens } from '../utils/serializeTokens';
 class ThemeBuilder {
-  #theme = {};
+  #theme = (() => ({}))();
   constructor(baseTheme) {
     this.#theme = baseTheme;
   }
@@ -106,6 +106,18 @@ class ThemeBuilder {
     return this;
   }
 
+  /**
+   *
+   * @param name Adds an accessible name to the theme
+   * @example .addName('core')
+   */
+  addName(name) {
+    this.#theme = merge({}, this.#theme, {
+      name
+    });
+    return this;
+  }
+
   /**
    * This finalizes the theme build and returns the final theme and variables to be provided.
    */

package/dist/createTheme/createTheme.test.js

@@ -172,5 +172,9 @@ describe('createTheme', () => {
         }
       });
     });
+    it('adds a name to the theme', () => {
+      const theme = createTheme(base).addName('scoobyDoo').build();
+      expect(theme.name).toEqual('scoobyDoo');
+    });
   });
 });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@codecademy/variance",
   "description": "Constraint based CSS in JS for building scalable design systems",
-  "version": "0.24.1-alpha.8d6013.0",
+  "version": "0.24.1-alpha.9b9cf1.0",
   "author": "codecaaron <aaron@codecademy.com>",
   "dependencies": {
     "csstype": "^3.0.7",
@@ -32,5 +32,5 @@
     "build": "nx build @codecademy/variance"
   },
   "types": "dist/index.d.ts",
-  "gitHead": "4c79ddc340c46696c5c285a3bf5970140c6b4a53"
+  "gitHead": "dc8003cd68f37512742116c205a1acda46d9a6cf"
 }