@codecademy/variance 0.23.0-alpha.e24bd5.0 → 0.23.0

package/dist/types/props.d.ts

@@ -21,7 +21,7 @@ export interface BreakpointCache {
 export type ThemeProps<Props = {}> = Props & {
     theme?: Theme;
 };
-export interface MediaQueryArray<T> {
+export interface BreakpointArray<T> {
     0?: T;
     1?: T;
     2?: T;
@@ -41,13 +41,16 @@ export interface MediaQueryMap<T> {
     md?: T;
     lg?: T;
     xl?: T;
+}
+export interface ContainerQueryMap<T> {
     c_xs?: T;
     c_sm?: T;
     c_md?: T;
     c_lg?: T;
     c_xl?: T;
 }
-export type ResponsiveProp<T> = T | MediaQueryMap<T> | MediaQueryArray<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/utils/responsive.d.ts

@@ -1,16 +1,16 @@
 import { AbstractPropTransformer } from '../types/config';
-import { BreakpointCache, CSSObject, MediaQueryMap, ThemeProps } from '../types/props';
+import { BreakpointCache, BreakpointMap, CSSObject, ThemeProps } from '../types/props';
 import { Breakpoints } from '../types/theme';
 /**
  * Destructures the themes breakpoints into an ordered structure to traverse
  */
 export declare const parseBreakpoints: (breakpoints?: Breakpoints | undefined) => BreakpointCache | null;
 export declare const isMediaArray: (val: unknown) => val is (string | number)[];
-export declare const isMediaMap: (val: object) => val is MediaQueryMap<string | number>;
-interface ResponsiveParser<Bp extends MediaQueryMap<string | number> | (string | number)[]> {
+export declare const isMediaMap: (val: object) => val is BreakpointMap<string | number>;
+interface ResponsiveParser<Bp extends BreakpointMap<string | number> | (string | number)[]> {
     <C extends AbstractPropTransformer>(value: Bp, props: ThemeProps, config: C, breakpoints: Bp): CSSObject;
 }
-export declare const objectParser: ResponsiveParser<MediaQueryMap<string | number>>;
+export declare const objectParser: ResponsiveParser<BreakpointMap<string | number>>;
 export declare const arrayParser: ResponsiveParser<(string | number)[]>;
 export declare const orderBreakpoints: (styles: CSSObject, breakpoints: string[]) => CSSObject;
 export {};

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.e24bd5.0",
+  "version": "0.23.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": "bd0bc48501afd33ff32bf3a50afde7e03c80a35c"
+  "gitHead": "69e39c0d35e0f90db5d72a520af6f97275b12d65"
 }