@codecademy/variance 0.23.1-alpha.de3fa0.0 → 0.24.0

package/dist/types/props.d.ts

@@ -43,6 +43,7 @@ export interface MediaQueryMap<T> {
     xl?: T;
 }
 export interface ContainerQueryMap<T> {
+    c_base?: T;
     c_xs?: T;
     c_sm?: T;
     c_md?: T;

package/dist/types/theme.d.ts

@@ -4,6 +4,7 @@ export interface Breakpoints<T = string> {
     md: T;
     lg: T;
     xl: T;
+    c_base: T;
     c_xs: T;
     c_sm: T;
     c_md: T;

package/dist/utils/responsive.js

@@ -1,6 +1,6 @@
 import intersection from 'lodash/intersection';
 import omit from 'lodash/omit';
-const BREAKPOINT_KEYS = ['_', 'xs', 'sm', 'md', 'lg', 'xl', 'c_xs', 'c_sm', 'c_md', 'c_lg', 'c_xl'];
+const BREAKPOINT_KEYS = ['_', 'xs', 'sm', 'md', 'lg', 'xl', 'c_base', 'c_xs', 'c_sm', 'c_md', 'c_lg', 'c_xl'];
 
 /**
  * Destructures the themes breakpoints into an ordered structure to traverse
@@ -13,6 +13,7 @@ export const parseBreakpoints = breakpoints => {
     md,
     lg,
     xl,
+    c_base,
     c_xs,
     c_sm,
     c_md,
@@ -23,7 +24,7 @@ export const parseBreakpoints = breakpoints => {
   // Ensure order for mapping - media queries first, then container queries
   return {
     map: breakpoints,
-    array: [xs, sm, md, lg, xl, c_xs, c_sm, c_md, c_lg, c_xl]
+    array: [xs, sm, md, lg, xl, c_base, c_xs, c_sm, c_md, c_lg, c_xl]
   };
 };
 export const isMediaArray = val => Array.isArray(val);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@codecademy/variance",
   "description": "Constraint based CSS in JS for building scalable design systems",
-  "version": "0.23.1-alpha.de3fa0.0",
+  "version": "0.24.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": "e89ed7730357665598816eb2add0fb265e2d5f4e"
+  "gitHead": "fe4d63384c2030420b652c35859317498e87b9c4"
 }