@codecademy/variance 0.23.0-alpha.fc9d3e.0 → 0.23.1-alpha.203968.0

package/dist/types/props.d.ts

@@ -34,19 +34,23 @@ export interface BreakpointArray<T> {
     9?: T;
     10?: T;
 }
-export interface BreakpointMap<T> {
+export interface MediaQueryMap<T> {
     _?: T;
     xs?: T;
     sm?: T;
     md?: T;
     lg?: T;
     xl?: T;
+}
+export interface ContainerQueryMap<T> {
+    c_base?: T;
     c_xs?: T;
     c_sm?: T;
     c_md?: T;
     c_lg?: T;
     c_xl?: T;
 }
+export type BreakpointMap<T> = ContainerQueryMap<T> & MediaQueryMap<T>;
 export type ResponsiveProp<T> = T | BreakpointMap<T> | BreakpointArray<T>;
 export interface CSSObject {
     [key: string]: string | number | CSSObject | undefined;

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.0-alpha.fc9d3e.0",
+  "version": "0.23.1-alpha.203968.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": "205c725bf7d705a87e4b7291da5dbdabc4057286"
+  "gitHead": "fbd215dfaabc0562f40e14213315320d25d4c682"
 }