@codecademy/variance 1.0.0-alpha.f6cb5a.0 → 1.0.0

package/dist/utils/responsive.js

@@ -1,91 +1,82 @@
-function _toArray(arr) { return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableRest(); }
+import intersection from 'lodash/intersection';
+import omit from 'lodash/omit';
+const BREAKPOINT_KEYS = ['_', 'xs', 'sm', 'md', 'lg', 'xl', 'c_base', 'c_xs', 'c_sm', 'c_md', 'c_lg', 'c_xl'];
 
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-import { intersection, omit } from 'lodash';
-var BREAKPOINT_KEYS = ['_', 'xs', 'sm', 'md', 'lg', 'xl'];
 /**
  * Destructures the themes breakpoints into an ordered structure to traverse
  */
-
-export var parseBreakpoints = function parseBreakpoints(breakpoints) {
+export const parseBreakpoints = breakpoints => {
   if (breakpoints === undefined) return null;
-
-  var _ref = breakpoints !== null && breakpoints !== void 0 ? breakpoints : {},
-      xs = _ref.xs,
-      sm = _ref.sm,
-      md = _ref.md,
-      lg = _ref.lg,
-      xl = _ref.xl; // Ensure order for mapping
-
-
+  const {
+    xs,
+    sm,
+    md,
+    lg,
+    xl,
+    c_base,
+    c_xs,
+    c_sm,
+    c_md,
+    c_lg,
+    c_xl
+  } = breakpoints ?? {};
+
+  // Ensure order for mapping - media queries first, then container queries
   return {
     map: breakpoints,
-    array: [xs, sm, md, lg, xl]
+    array: [xs, sm, md, lg, xl, c_base, c_xs, c_sm, c_md, c_lg, c_xl]
   };
 };
-export var isMediaArray = function isMediaArray(val) {
-  return Array.isArray(val);
-};
-export var isMediaMap = function isMediaMap(val) {
-  return intersection(Object.keys(val), BREAKPOINT_KEYS).length > 0;
-};
-export var objectParser = function objectParser(value, props, config, breakpoints) {
-  var styles = {};
-  var styleFn = config.styleFn,
-      prop = config.prop;
-
-  var _ = value._,
-      rest = _objectWithoutProperties(value, ["_"]); // the keyof 'base' is base styles
-
-
-  if (_) Object.assign(styles, styleFn(_, prop, props)); // Map over remaining keys and merge the corresponding breakpoint styles
+export const isMediaArray = val => Array.isArray(val);
+export const isMediaMap = val => intersection(Object.keys(val), BREAKPOINT_KEYS).length > 0;
+export const objectParser = (value, props, config, breakpoints) => {
+  const styles = {};
+  const {
+    styleFn,
+    prop
+  } = config;
+  const {
+    _,
+    ...rest
+  } = value;
+  // the keyof 'base' is base styles
+  if (_) Object.assign(styles, styleFn(_, prop, props));
+
+  // Map over remaining keys and merge the corresponding breakpoint styles
   // for that property.
-
-  Object.keys(breakpoints).forEach(function (breakpointKey) {
-    var bpStyles = rest[breakpointKey];
+  Object.keys(breakpoints).forEach(breakpointKey => {
+    const bpStyles = rest[breakpointKey];
     if (typeof bpStyles === 'undefined') return;
-    Object.assign(styles, _defineProperty({}, breakpoints[breakpointKey], styleFn(bpStyles, prop, props)));
+    Object.assign(styles, {
+      [breakpoints[breakpointKey]]: styleFn(bpStyles, prop, props)
+    });
   });
   return styles;
 };
-export var arrayParser = function arrayParser(value, props, config, breakpoints) {
-  var styles = {};
-  var styleFn = config.styleFn,
-      prop = config.prop;
-
-  var _value = _toArray(value),
-      _ = _value[0],
-      rest = _value.slice(1); // the first index is base styles
-
-
-  if (_) Object.assign(styles, styleFn(_, prop, props)); // Map over each value in the array and merge the corresponding breakpoint styles
+export const arrayParser = (value, props, config, breakpoints) => {
+  const styles = {};
+  const {
+    styleFn,
+    prop
+  } = config;
+  const [_, ...rest] = value;
+  // the first index is base styles
+  if (_) Object.assign(styles, styleFn(_, prop, props));
+
+  // Map over each value in the array and merge the corresponding breakpoint styles
   // for that property.
-
-  rest.forEach(function (val, i) {
-    var breakpointKey = breakpoints[i];
+  rest.forEach((val, i) => {
+    const breakpointKey = breakpoints[i];
     if (!breakpointKey || typeof val === 'undefined') return;
-    Object.assign(styles, _defineProperty({}, breakpointKey, styleFn(val, prop, props)));
+    Object.assign(styles, {
+      [breakpointKey]: styleFn(val, prop, props)
+    });
   });
   return styles;
 };
-export var orderBreakpoints = function orderBreakpoints(styles, breakpoints) {
-  var orderedStyles = omit(styles, breakpoints);
-  breakpoints.forEach(function (bp) {
+export const orderBreakpoints = (styles, breakpoints) => {
+  const orderedStyles = omit(styles, breakpoints);
+  breakpoints.forEach(bp => {
     if (styles[bp]) {
       orderedStyles[bp] = styles[bp];
     }

package/dist/utils/serializeTokens.d.ts

@@ -3,10 +3,10 @@ import { CSSObject } from '../types/props';
 /**
  * Returns an type of any object with { key: 'var(--key) }
  */
-export declare type KeyAsVariable<T extends Record<string, any>, Prefix extends string> = {
+export type KeyAsVariable<T extends Record<string, any>, Prefix extends string> = {
     [V in keyof T]: `var(--${Prefix}-${Extract<V, string>})`;
 };
-declare type SerializedTokensInput = Record<string, string | number | CSSObject | SerializedTokensInputRecursive>;
+type SerializedTokensInput = Record<string, string | number | CSSObject | SerializedTokensInputRecursive>;
 interface SerializedTokensInputRecursive {
     [i: number]: SerializedTokensInput;
     [i: string]: SerializedTokensInput;

package/dist/utils/serializeTokens.js

@@ -1,38 +1,46 @@
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+import isObject from 'lodash/isObject';
+import merge from 'lodash/merge';
 
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+/**
+ * Returns an type of any object with { key: 'var(--key) }
+ */
 
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-import { isObject, merge } from 'lodash';
-
-var templateBreakpoints = function templateBreakpoints(value, alias, theme) {
+const templateBreakpoints = (value, alias, theme) => {
   if (isObject(value)) {
-    var _ = value._,
-        base = value.base,
-        rest = _objectWithoutProperties(value, ["_", "base"]);
-
-    var css = _defineProperty({}, alias, _ !== null && _ !== void 0 ? _ : base);
-
+    const {
+      _,
+      base,
+      ...rest
+    } = value;
+    const css = {
+      [alias]: _ ?? base
+    };
     if (theme) {
-      var breakpoints = theme.breakpoints;
-      Object.keys(breakpoints).forEach(function (key) {
-        css[breakpoints[key]] = _defineProperty({}, alias, rest[key]);
+      const {
+        breakpoints
+      } = theme;
+      Object.keys(breakpoints).forEach(key => {
+        const breakpointValue = rest[key];
+        // Only create CSS rules for breakpoints that have defined values
+        if (breakpointValue !== undefined) {
+          css[breakpoints[key]] = {
+            [alias]: breakpointValue
+          };
+        }
       });
     }
-
     return css;
   }
-
-  return _defineProperty({}, alias, value);
+  return {
+    [alias]: value
+  };
 };
-
-export var serializeTokens = function serializeTokens(tokens, prefix, theme) {
-  var tokenReferences = {};
-  var tokenVariables = {};
-  Object.keys(tokens).forEach(function (key) {
-    var varName = "--".concat(prefix, "-").concat(key);
-    tokenReferences[key] = "var(".concat(varName, ")");
+export const serializeTokens = (tokens, prefix, theme) => {
+  const tokenReferences = {};
+  const tokenVariables = {};
+  Object.keys(tokens).forEach(key => {
+    const varName = `--${prefix}-${key}`;
+    tokenReferences[key] = `var(${varName})`;
     merge(tokenVariables, templateBreakpoints(tokens[key], varName, theme));
   });
   return {

package/package.json

@@ -1,47 +1,35 @@
 {
   "name": "@codecademy/variance",
   "description": "Constraint based CSS in JS for building scalable design systems",
-  "version": "1.0.0-alpha.f6cb5a.0",
+  "version": "1.0.0",
+  "author": "codecaaron <aaron@codecademy.com>",
+  "dependencies": {
+    "csstype": "^3.0.7",
+    "lodash": "^4.17.23"
+  },
+  "files": [
+    "dist"
+  ],
+  "homepage": "https://github.com/Codecademy/gamut/variance",
   "keywords": [
-    "emotion",
     "css",
-    "styles",
-    "css-in-js"
+    "css-in-js",
+    "emotion",
+    "styles"
   ],
-  "author": "codecaaron <aaron@codecademy.com>",
-  "homepage": "https://github.com/Codecademy/gamut/variance",
   "license": "MIT",
   "main": "dist/index.js",
   "module": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "publishConfig": {
-    "access": "public"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/Codecademy/gamut.git"
-  },
-  "scripts": {
-    "build:clean": "rm -rf ./dist",
-    "build:compile": "tsc -b",
-    "build:transpile": "babel ./src --out-dir ./dist --copy-files --extensions \".ts,.tsx\"",
-    "build": "yarn build:clean && yarn build:compile && yarn build:transpile",
-    "lernaBuildTask": "yarn build"
-  },
   "peerDependencies": {
     "@emotion/react": "*",
     "typescript": ">=4.3.5"
   },
-  "dependencies": {
-    "csstype": "^3.0.7",
-    "lodash": "^4.17.5"
+  "publishConfig": {
+    "access": "public"
   },
-  "devDependencies": {
-    "@emotion/jest": "^11.3.0",
-    "@emotion/styled": "^11.3.0",
-    "@types/react-test-renderer": "^17.0.1",
-    "react": "17.0.2",
-    "react-test-renderer": "17.0.2"
+  "repository": "Codecademy/gamut.git",
+  "scripts": {
+    "build": "nx build @codecademy/variance"
   },
-  "gitHead": "ff424ba13fc62985621d93a45a2b4296dd2fbe5f"
+  "types": "dist/index.d.ts"
 }

package/CHANGELOG.md

@@ -1,325 +0,0 @@
-# Change Log
-
-All notable changes to this project will be documented in this file.
-See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
-
-## [1.0.0-alpha.f6cb5a.0](https://github.com/Codecademy/gamut/compare/@codecademy/variance@0.19.0...@codecademy/variance@1.0.0-alpha.f6cb5a.0) (2022-01-19)
-
-
-### ⚠ BREAKING CHANGES
-
-* bumped React to 17
-
-### Features
-
-* bumped React to 17 ([4d0d029](https://github.com/Codecademy/gamut/commit/4d0d029ce293d3c4a8331c625bcdcdce93235f2d))
-
-
-
-## 0.19.0 (2021-10-26)
-
-
-### Features
-
-* Add admin theme ([7090b30](https://github.com/Codecademy/gamut/commit/7090b303c5451113983e5345316a821ddfaaf1fc))
-* bump ESLint configs to latest ([4e3cf77](https://github.com/Codecademy/gamut/commit/4e3cf77928bdd69bce3eeca8a7f07439627b4f08))
-* **Anchor:** Variance Migration + ColorMode [GM-203] ([dd0058b](https://github.com/Codecademy/gamut/commit/dd0058b0ba96a2f8cca804884c2d2fcf66951ee4))
-* **Buttons:** ColorModes + Props + Refactor + Refs Oh My! [GM-211] [REACH-856] [GM-192] ([998c2cc](https://github.com/Codecademy/gamut/commit/998c2cc01945e8b675a01f60a38bc2a03250ac8e))
-* **ColorModes:** Base ColorMode support and serialization of color variables [GM-177] ([9f322b4](https://github.com/Codecademy/gamut/commit/9f322b4ed959e1245a18dbddb42f33be3e0d9356))
-* **LayoutGrid:** LayoutGrid conversion + Initial Variance Props [GM-81] ([14a753e](https://github.com/Codecademy/gamut/commit/14a753e2850bd381aa9f6819c5bac623b39e4036))
-* **Text:** Add more common utility variants / states as props GM-248 ([ae5d92b](https://github.com/Codecademy/gamut/commit/ae5d92b7091ba2786890eb1a5aecdf93123eb3b0))
-* **theme:** createTheme self containment ([87a203c](https://github.com/Codecademy/gamut/commit/87a203c56df8002406552208b8b5ffc55b228262)), closes [#666666](https://github.com/Codecademy/gamut/issues/666666) [#666666](https://github.com/Codecademy/gamut/issues/666666)
-* **variance:** Computed styles, and configurable CSSType narrowing [GM-233] ([ddb4091](https://github.com/Codecademy/gamut/commit/ddb40917fe41b0dc741d34f5c34ec6d0bf29dad1))
-* Navy scale + color alias changes GM-237 ([3c8a772](https://github.com/Codecademy/gamut/commit/3c8a772271492e0ecc8d724f296f0bfe5ef17112)), closes [#10162](https://github.com/Codecademy/gamut/issues/10162)
-* **ThemeBuilder:**  TypeSafe theme construction + variable serialization [WEB-1401] ([e0a4c16](https://github.com/Codecademy/gamut/commit/e0a4c163e39b64c7d7290a325c900f05ae5ce4e4))
-* **variance:** states boolean toggle styles GM-233 ([a4fa8cf](https://github.com/Codecademy/gamut/commit/a4fa8cf473a1b22648fa480025630a9d1827f84d))
-* **Variance:** `css` - Standard CSS Property Passthrough + Selector System Props [WEB-1117] ([7dbb56d](https://github.com/Codecademy/gamut/commit/7dbb56dbc5e4feaf572ded6a27c3f63403df3e65))
-* **Variance:** base => _ for un scoped style [WEB-1381] ([2f9e8ba](https://github.com/Codecademy/gamut/commit/2f9e8ba3c472251f6ce71aed8e15e8a669b3588a))
-* **Variance:** Experimental MVP for internal use ([0d4d545](https://github.com/Codecademy/gamut/commit/0d4d5450d2a37a12349b632865341857969c9462))
-* **Variance:** Initial Props and Refactor Tests [WEB-1390] ([9f29489](https://github.com/Codecademy/gamut/commit/9f294894b49915ea0504749ecdca7e62d46d475e))
-* **Variance:** Static CSS Methods `css` and `variant`  [WEB-1116] ([cbba228](https://github.com/Codecademy/gamut/commit/cbba228c89fce89026fb14e15a1ec157cf574082))
-* **Variance:** Use only the global emotion theme type (Stage 5: Acceptance) [WEB-1382] ([dff7044](https://github.com/Codecademy/gamut/commit/dff704492cd61a762ea315d86625ce78702347b9)), closes [/github.com/Codecademy/client-modules/blob/609bc7f3ab936d856225fb9885d0ae5afeac8b58/packages/variance/src/__tests__/localTheme.ts#L28-L29](https://github.com/Codecademy//github.com/Codecademy/client-modules/blob/609bc7f3ab936d856225fb9885d0ae5afeac8b58/packages/variance/src/__tests__/localTheme.ts/issues/L28-L29)
-
-
-### Bug Fixes
-
-* **variance:** Ensure array scales always qualify for transformation ([64ef813](https://github.com/Codecademy/gamut/commit/64ef813d8224525c34e03ed66020753ad487cb1b))
-* **variance:** Fix theme computations and add more tests for prop behavior ([078f9db](https://github.com/Codecademy/gamut/commit/078f9dba4f49803c374db6b93eeba878dc3dd2ac))
-* Safe deep merge typings ([a190205](https://github.com/Codecademy/gamut/commit/a190205fff6a77cbdc7f9a2989aa824b36fac706))
-* Theme extension merge logic ([de3cbf2](https://github.com/Codecademy/gamut/commit/de3cbf25995b6be7769cbb92bc51d13e5f6a6695))
-* **Text:** Fontweight for body text and none scalar typings ([fe31fb2](https://github.com/Codecademy/gamut/commit/fe31fb239b9e958022585275025e976c6b559ddd))
-* **variance:** Fix static css mutability for `css` [GM-235] ([ab5dd04](https://github.com/Codecademy/gamut/commit/ab5dd04724e120eca3069a44cb22cb92aebc714a))
-* **Variance:** Add better prop sorting tests ([ee97906](https://github.com/Codecademy/gamut/commit/ee97906a04246629e1c0ccfd44cdf9131f9e821c))
-
-
-
-### [0.18.1](https://github.com/Codecademy/gamut/compare/@codecademy/variance@0.18.0...@codecademy/variance@0.18.1) (2021-09-13)
-
-**Note:** Version bump only for package @codecademy/variance
-
-
-
-
-
-## [0.18.0](https://github.com/Codecademy/gamut/compare/@codecademy/variance@0.17.4...@codecademy/variance@0.18.0) (2021-09-10)
-
-
-### Features
-
-* bump ESLint configs to latest ([e0a201a](https://github.com/Codecademy/gamut/commit/e0a201abcc5f49718538d3d91af21cb37db4470e))
-
-
-
-### [0.17.4](https://github.com/Codecademy/gamut/compare/@codecademy/variance@0.17.3...@codecademy/variance@0.17.4) (2021-08-30)
-
-
-### Bug Fixes
-
-* **variance:** Fix theme computations and add more tests for prop behavior ([0cc017a](https://github.com/Codecademy/gamut/commit/0cc017ac3b6a519da9ee4d4d4488a9e0da9029a2))
-
-
-
-### [0.17.3](https://github.com/Codecademy/gamut/compare/@codecademy/variance@0.17.2...@codecademy/variance@0.17.3) (2021-08-12)
-
-
-### Bug Fixes
-
-* **variance:** Ensure array scales always qualify for transformation ([66f1760](https://github.com/Codecademy/gamut/commit/66f1760c85aa605bae89195801683faab01822e3))
-
-
-
-### [0.17.2](https://github.com/Codecademy/gamut/compare/@codecademy/variance@0.17.1...@codecademy/variance@0.17.2) (2021-07-19)
-
-
-### Bug Fixes
-
-* Safe deep merge typings ([541272c](https://github.com/Codecademy/gamut/commit/541272c424637c8699c16ef25e3fefb9b17041ea))
-
-
-
-### [0.17.1](https://github.com/Codecademy/gamut/compare/@codecademy/variance@0.17.0...@codecademy/variance@0.17.1) (2021-07-16)
-
-
-### Bug Fixes
-
-* Theme extension merge logic ([9b32463](https://github.com/Codecademy/gamut/commit/9b32463d044ead994b2c173bc07c5ebbd5511187))
-
-
-
-## [0.17.0](https://github.com/Codecademy/gamut/compare/@codecademy/variance@0.16.0...@codecademy/variance@0.17.0) (2021-07-15)
-
-
-### Features
-
-* Add admin theme ([c5f7bf9](https://github.com/Codecademy/gamut/commit/c5f7bf9faaf86b2aca3f8dffd67480d50999be7b))
-
-
-
-## [0.16.0](https://github.com/Codecademy/gamut/compare/@codecademy/variance@0.15.0...@codecademy/variance@0.16.0) (2021-06-16)
-
-
-### Features
-
-* **variance:** Computed styles, and configurable CSSType narrowing [GM-233] ([c258c19](https://github.com/Codecademy/gamut/commit/c258c19b7970b41361b6cfafe76e2a52b7b4c828))
-
-
-
-## [0.15.0](https://github.com/Codecademy/gamut/compare/@codecademy/variance@0.14.0...@codecademy/variance@0.15.0) (2021-06-16)
-
-
-### Features
-
-* **Text:** Add more common utility variants / states as props GM-248 ([85b541c](https://github.com/Codecademy/gamut/commit/85b541cbb85ef5c60b8012196680e1062d469ad1))
-
-
-
-## [0.14.0](https://github.com/Codecademy/gamut/compare/@codecademy/variance@0.13.0...@codecademy/variance@0.14.0) (2021-06-10)
-
-
-### Features
-
-* Navy scale + color alias changes GM-237 ([bf896dd](https://github.com/Codecademy/gamut/commit/bf896dd3fcf0435ef557694740d96df38d12173b)), closes [#10162](https://github.com/Codecademy/gamut/issues/10162)
-
-
-
-## [0.13.0](https://github.com/Codecademy/gamut/compare/@codecademy/variance@0.12.1...@codecademy/variance@0.13.0) (2021-06-10)
-
-
-### Features
-
-* **variance:** states boolean toggle styles GM-233 ([e463f0e](https://github.com/Codecademy/gamut/commit/e463f0e77802a3565ddda4de2e14050372923678))
-
-
-
-### [0.12.1](https://github.com/Codecademy/gamut/compare/@codecademy/variance@0.12.0...@codecademy/variance@0.12.1) (2021-06-02)
-
-
-### Bug Fixes
-
-* **variance:** Fix static css mutability for `css` [GM-235] ([5eab7d9](https://github.com/Codecademy/gamut/commit/5eab7d99865947002a545db0ff372454b09494d3))
-
-
-
-## [0.12.0](https://github.com/Codecademy/gamut/compare/@codecademy/variance@0.11.2...@codecademy/variance@0.12.0) (2021-05-18)
-
-
-### Features
-
-* **theme:** createTheme self containment ([59ddff7](https://github.com/Codecademy/gamut/commit/59ddff7224cd8e0972212dd6ba1696f40ccac835)), closes [#666666](https://github.com/Codecademy/gamut/issues/666666) [#666666](https://github.com/Codecademy/gamut/issues/666666)
-
-
-
-### [0.11.2](https://github.com/Codecademy/gamut/compare/@codecademy/variance@0.11.1...@codecademy/variance@0.11.2) (2021-05-07)
-
-**Note:** Version bump only for package @codecademy/variance
-
-
-
-
-
-### [0.11.1](https://github.com/Codecademy/gamut/compare/@codecademy/variance@0.11.0...@codecademy/variance@0.11.1) (2021-05-03)
-
-**Note:** Version bump only for package @codecademy/variance
-
-
-
-
-
-## [0.11.0](https://github.com/Codecademy/gamut/compare/@codecademy/variance@0.10.1...@codecademy/variance@0.11.0) (2021-04-29)
-
-
-### Features
-
-* **Buttons:** ColorModes + Props + Refactor + Refs Oh My! [GM-211] [REACH-856] [GM-192] ([c4643db](https://github.com/Codecademy/gamut/commit/c4643db64d3684319f8d5fc6f68d05197ec1f61e))
-
-
-
-### [0.10.1](https://github.com/Codecademy/gamut/compare/@codecademy/variance@0.10.0...@codecademy/variance@0.10.1) (2021-04-27)
-
-
-### Bug Fixes
-
-* **Text:** Fontweight for body text and none scalar typings ([aa113dc](https://github.com/Codecademy/gamut/commit/aa113dcaee4bffd7a23c9acf87308c32816f07fe))
-
-
-
-## [0.10.0](https://github.com/Codecademy/gamut/compare/@codecademy/variance@0.9.0...@codecademy/variance@0.10.0) (2021-04-26)
-
-
-### Features
-
-* **Anchor:** Variance Migration + ColorMode [GM-203] ([d5ae675](https://github.com/Codecademy/gamut/commit/d5ae6758c65a837066562eb0ed8b964176889148))
-
-
-
-## [0.9.0](https://github.com/Codecademy/gamut/compare/@codecademy/variance@0.8.0...@codecademy/variance@0.9.0) (2021-04-15)
-
-
-### Features
-
-* **LayoutGrid:** LayoutGrid conversion + Initial Variance Props [GM-81] ([2b51494](https://github.com/Codecademy/gamut/commit/2b514940871759b66f91aa1f333be558e1ee517a))
-
-
-
-## [0.8.0](https://github.com/Codecademy/gamut/compare/@codecademy/variance@0.7.1...@codecademy/variance@0.8.0) (2021-04-15)
-
-
-### Features
-
-* **ThemeBuilder:**  TypeSafe theme construction + variable serialization [WEB-1401] ([8ccae3d](https://github.com/Codecademy/gamut/commit/8ccae3d2081df94525269e443ac1b335953597c7))
-
-
-
-### [0.7.1](https://github.com/Codecademy/gamut/compare/@codecademy/variance@0.7.0...@codecademy/variance@0.7.1) (2021-04-09)
-
-
-### Bug Fixes
-
-* **Variance:** Add better prop sorting tests ([c5e7d49](https://github.com/Codecademy/gamut/commit/c5e7d494930ff4cb1bd304d2d220148a0bbe2fad))
-
-
-
-## [0.7.0](https://github.com/Codecademy/gamut/compare/@codecademy/variance@0.6.0...@codecademy/variance@0.7.0) (2021-04-08)
-
-
-### Features
-
-* **ColorModes:** Base ColorMode support and serialization of color variables [GM-177] ([b588132](https://github.com/Codecademy/gamut/commit/b5881326ace09f0b1b7052f24e59ecb5b8326aef))
-
-
-
-## [0.6.0](https://github.com/Codecademy/gamut/compare/@codecademy/variance@0.5.0...@codecademy/variance@0.6.0) (2021-04-06)
-
-
-### Features
-
-* **Variance:** Initial Props and Refactor Tests [WEB-1390] ([e4b5177](https://github.com/Codecademy/gamut/commit/e4b5177544643fec274d20f37be594b140a4cba3))
-
-
-
-## [0.5.0](https://github.com/Codecademy/gamut/compare/@codecademy/variance@0.4.0...@codecademy/variance@0.5.0) (2021-03-31)
-
-
-### Features
-
-* **Variance:** Use only the global emotion theme type (Stage 5: Acceptance) [WEB-1382] ([e4215e9](https://github.com/Codecademy/gamut/commit/e4215e9aacb2092ed77cd530822c5389c7b47123)), closes [/github.com/Codecademy/gamut/blob/609bc7f3ab936d856225fb9885d0ae5afeac8b58/packages/variance/src/__tests__/localTheme.ts#L28-L29](https://github.com/Codecademy//github.com/Codecademy/gamut/blob/609bc7f3ab936d856225fb9885d0ae5afeac8b58/packages/variance/src/__tests__/localTheme.ts/issues/L28-L29)
-
-
-
-## [0.4.0](https://github.com/Codecademy/gamut/compare/@codecademy/variance@0.3.0...@codecademy/variance@0.4.0) (2021-03-31)
-
-
-### Features
-
-* **Variance:** base => _ for un scoped style [WEB-1381] ([f3d254c](https://github.com/Codecademy/gamut/commit/f3d254cccc3dc3cd074df070a51ed8a2ca232a74))
-
-
-
-## [0.3.0](https://github.com/Codecademy/gamut/compare/@codecademy/variance@0.2.1...@codecademy/variance@0.3.0) (2021-03-31)
-
-
-### Features
-
-* **Variance:** `css` - Standard CSS Property Passthrough + Selector System Props [WEB-1117] ([6c2c48d](https://github.com/Codecademy/gamut/commit/6c2c48dc96012bc685ca4ab93d189d1e39d266b1))
-
-
-
-### [0.2.1](https://github.com/Codecademy/gamut/compare/@codecademy/variance@0.2.0...@codecademy/variance@0.2.1) (2021-03-30)
-
-**Note:** Version bump only for package @codecademy/variance
-
-
-
-
-
-## [0.2.0](https://github.com/Codecademy/gamut/compare/@codecademy/variance@0.1.2...@codecademy/variance@0.2.0) (2021-03-30)
-
-
-### Features
-
-* **Variance:** Static CSS Methods `css` and `variant`  [WEB-1116] ([b9915f5](https://github.com/Codecademy/gamut/commit/b9915f54bc738d81e46cb84744a44e8bfbdd29a0))
-
-
-
-### [0.1.2](https://github.com/Codecademy/gamut/compare/@codecademy/variance@0.1.1...@codecademy/variance@0.1.2) (2021-03-30)
-
-**Note:** Version bump only for package @codecademy/variance
-
-
-
-
-
-### [0.1.1](https://github.com/Codecademy/gamut/compare/@codecademy/variance@0.1.0...@codecademy/variance@0.1.1) (2021-03-19)
-
-**Note:** Version bump only for package @codecademy/variance
-
-
-
-
-
-## 0.1.0 (2021-03-02)
-
-
-### Features
-
-* **Variance:** Experimental MVP for internal use ([4422f3d](https://github.com/Codecademy/gamut/commit/4422f3d340ce4e52f7f96f01c4dd01b88c1a677d))

package/LICENSE

@@ -1,21 +0,0 @@
-The MIT License (MIT)
-
-Copyright (c) 2016 Ryzac, Inc.
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/babel.config.js

@@ -1,5 +0,0 @@
-module.exports = {
-  presets: ['codecademy', '@babel/preset-typescript'],
-  include: ['./src/**/*'],
-  ignore: ['**/__tests__', './**/*.d.ts'],
-};