@codecademy/variance 0.26.2-alpha.01c84d.0 → 0.26.2-alpha.030f51.0

package/dist/index.d.ts

@@ -1,7 +1,6 @@
 export { variance } from './core';
 export * from './createTheme';
 export * from './types/props';
-export type { Scale } from './types/config';
 export * from './transforms';
 export * from './scales/createScale';
 export * from './getPropertyMode';

package/dist/types/config.d.ts

@@ -15,6 +15,13 @@ export interface Prop extends BaseProperty {
     scale?: keyof Theme | MapScale | ArrayScale;
     transform?: (val: string | number, prop?: string, props?: AbstractProps) => string | number | CSSObject;
     resolveProperty?: (useLogicalProperties: boolean) => PropertyMode;
+    /**
+     * Keep the raw CSS-value escape hatch (arbitrary numbers, globals) available on a
+     * scale-backed prop, alongside the scale's token names. Without this a scale-backed prop
+     * is token-only. Runtime is unaffected — the parser already falls back to the raw value
+     * for anything that isn't a scale token; this only widens the accepted type.
+     */
+    allowRawValue?: boolean;
 }
 export interface AbstractPropTransformer extends Prop {
     prop: string;
@@ -27,10 +34,13 @@ export interface AbstractParser {
 }
 export type PropertyValues<Property extends keyof PropertyTypes, All extends boolean = false> = Exclude<PropertyTypes<All extends true ? DefaultCSSPropertyValue : never>[Property], All extends true ? never : object | any[]>;
 type BasePropertyKey<P> = P extends DirectionalProperty ? P['physical'] : P;
-export type ScaleValue<Config extends Prop> = Config['scale'] extends keyof Theme ? keyof Theme[Config['scale']] | PropertyValues<BasePropertyKey<Config['property']>> : Config['scale'] extends MapScale ? keyof Config['scale'] | PropertyValues<BasePropertyKey<Config['property']>> : Config['scale'] extends ArrayScale ? Config['scale'][number] | PropertyValues<BasePropertyKey<Config['property']>> : PropertyValues<BasePropertyKey<Config['property']>, true>;
+type RawValueEscapeHatch<Config extends Prop> = Config extends {
+    allowRawValue: true;
+} ? PropertyValues<BasePropertyKey<Config['property']>, true> : never;
+export type ScaleValue<Config extends Prop> = Config['scale'] extends keyof Theme ? keyof Theme[Config['scale']] | PropertyValues<BasePropertyKey<Config['property']>> | RawValueEscapeHatch<Config> : Config['scale'] extends MapScale ? keyof Config['scale'] | PropertyValues<BasePropertyKey<Config['property']>> | RawValueEscapeHatch<Config> : Config['scale'] extends ArrayScale ? Config['scale'][number] | PropertyValues<BasePropertyKey<Config['property']>> | RawValueEscapeHatch<Config> : PropertyValues<BasePropertyKey<Config['property']>, true>;
 export type Scale<Config extends Prop> = ResponsiveProp<ScaleValue<Config> | ((theme: Theme) => ScaleValue<Config>)>;
 export interface TransformFn<P extends string, Config extends Prop> {
-    (value: Scale<Config>, prop: P, props: ThemeProps<{
+    (value: Scale<Config> | Scale<Config>, prop: P, props: ThemeProps<{
         [K in P]?: Scale<Config>;
     }>): CSSObject;
 }

package/dist/utils/responsive.d.ts

@@ -4,7 +4,7 @@ import { Breakpoints } from '../types/theme';
 /**
  * Destructures the themes breakpoints into an ordered structure to traverse
  */
-export declare const parseBreakpoints: (breakpoints?: Breakpoints) => BreakpointCache | null;
+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 BreakpointMap<string | number>;
 interface ResponsiveParser<Bp extends BreakpointMap<string | number> | (string | number)[]> {

package/package.json

@@ -1,19 +1,12 @@
 {
   "name": "@codecademy/variance",
   "description": "Constraint based CSS in JS for building scalable design systems",
-  "version": "0.26.2-alpha.01c84d.0",
+  "version": "0.26.2-alpha.030f51.0",
   "author": "codecaaron <aaron@codecademy.com>",
   "dependencies": {
     "csstype": "^3.0.7",
     "lodash": "^4.17.23"
   },
-  "exports": {
-    ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/index.d.ts",
-      "default": "./dist/index.js"
-    }
-  },
   "files": [
     "dist"
   ],
@@ -26,6 +19,7 @@
   ],
   "license": "MIT",
   "main": "dist/index.js",
+  "module": "dist/index.js",
   "peerDependencies": {
     "@emotion/react": "*",
     "typescript": ">=4.3.5"
@@ -37,5 +31,5 @@
   "scripts": {
     "build": "nx build @codecademy/variance"
   },
-  "type": "module"
+  "types": "dist/index.d.ts"
 }