@stylexjs/shared 0.6.0 → 0.7.0

package/lib/stylex-define-vars.js

@@ -21,7 +21,7 @@ function styleXDefineVars(variables, options) {
   const themeNameHash = classNamePrefix + (0, _hash.default)(themeName);
   const typedVariables = {};
   const variablesMap = (0, _objectUtils.objMap)(variables, (value, key) => {
-    const nameHash = classNamePrefix + (0, _hash.default)(`${themeName}.${key}`);
+    const nameHash = key.startsWith('--') ? key.slice(2) : classNamePrefix + (0, _hash.default)(`${themeName}.${key}`);
     if ((0, _types.isCSSType)(value)) {
       const v = value;
       typedVariables[nameHash] = {

package/lib/types/index.d.ts

@@ -49,19 +49,21 @@ export interface CSSType<_T extends string | number = string | number> {
 export declare const isCSSType: (
   value: unknown,
 ) => value is CSSType<string | number>;
-type AnguleValue = string;
-export declare class Angle<T extends AnguleValue>
+type AngleValue = string;
+export declare class Angle<T extends AngleValue>
   extends BaseCSSType
   implements CSSType<T>
 {
   readonly value: ValueWithDefault;
   readonly syntax: CSSSyntaxType;
   static readonly syntax: CSSSyntaxType;
-  static create<T extends AnguleValue = AnguleValue>(
+  static create<T extends AngleValue = AngleValue>(
     value: ValueWithDefault,
   ): Angle<T>;
 }
-export declare const angle: any;
+export declare const angle: <T extends AngleValue = AngleValue>(
+  value: ValueWithDefault,
+) => Angle<T>;
 type ColorValue = string;
 export declare class Color<T extends ColorValue>
   extends BaseCSSType
@@ -73,7 +75,9 @@ export declare class Color<T extends ColorValue>
     value: ValueWithDefault,
   ): Color<T>;
 }
-export declare const color: any;
+export declare const color: <T extends ColorValue = ColorValue>(
+  value: ValueWithDefault,
+) => Color<T>;
 type URLValue = string;
 export declare class Url<T extends URLValue>
   extends BaseCSSType
@@ -83,7 +87,9 @@ export declare class Url<T extends URLValue>
   readonly syntax: CSSSyntaxType;
   static create<T extends URLValue = URLValue>(value: ValueWithDefault): Url<T>;
 }
-export declare const url: any;
+export declare const url: <T extends URLValue = URLValue>(
+  value: ValueWithDefault,
+) => Url<T>;
 type ImageValue = string;
 export declare class Image<T extends ImageValue>
   extends Url<T>
@@ -96,7 +102,9 @@ export declare class Image<T extends ImageValue>
     value: ValueWithDefault,
   ): Image<T>;
 }
-export declare const image: any;
+export declare const image: <T extends ImageValue = ImageValue>(
+  value: ValueWithDefault,
+) => Image<T>;
 type IntegerValue = number;
 export declare class Integer<T extends IntegerValue>
   extends BaseCSSType
@@ -106,7 +114,9 @@ export declare class Integer<T extends IntegerValue>
   readonly syntax: CSSSyntaxType;
   static create<T extends IntegerValue = IntegerValue>(value: T): Integer<T>;
 }
-export declare const integer: any;
+export declare const integer: <T extends IntegerValue = IntegerValue>(
+  value: T,
+) => Integer<T>;
 type LengthPercentageValue = string;
 export declare class LengthPercentage<_T extends LengthPercentageValue>
   extends BaseCSSType
@@ -121,7 +131,11 @@ export declare class LengthPercentage<_T extends LengthPercentageValue>
     value: ValueWithDefault,
   ): LengthPercentage<string>;
 }
-export declare const lengthPercentage: any;
+export declare const lengthPercentage: <
+  _T extends LengthPercentageValue | number,
+>(
+  value: ValueWithDefault,
+) => LengthPercentage<string>;
 type LengthValue = number | string;
 export declare class Length<_T extends LengthValue>
   extends LengthPercentage<string>
@@ -133,7 +147,9 @@ export declare class Length<_T extends LengthValue>
     value: NestedWithNumbers,
   ): Length<T>;
 }
-export declare const length: any;
+export declare const length: <T extends LengthValue = LengthValue>(
+  value: NestedWithNumbers,
+) => Length<T>;
 type PercentageValue = string | number;
 export declare class Percentage<_T extends PercentageValue>
   extends LengthPercentage<string>
@@ -145,7 +161,9 @@ export declare class Percentage<_T extends PercentageValue>
     value: NestedWithNumbers,
   ): Percentage<T>;
 }
-export declare const percentage: any;
+export declare const percentage: <T extends PercentageValue = PercentageValue>(
+  value: NestedWithNumbers,
+) => Percentage<T>;
 type NumberValue = number;
 export declare class Num<T extends NumberValue>
   extends BaseCSSType
@@ -157,7 +175,9 @@ export declare class Num<T extends NumberValue>
     value: NestedWithNumbers,
   ): Num<T>;
 }
-export declare const number: any;
+export declare const number: <T extends NumberValue = NumberValue>(
+  value: NestedWithNumbers,
+) => Num<T>;
 type ResolutionValue = string | 0;
 export declare class Resolution<T extends ResolutionValue>
   extends BaseCSSType
@@ -169,7 +189,9 @@ export declare class Resolution<T extends ResolutionValue>
     value: ValueWithDefault,
   ): Resolution<T>;
 }
-export declare const resolution: any;
+export declare const resolution: <T extends ResolutionValue = ResolutionValue>(
+  value: ValueWithDefault,
+) => Resolution<T>;
 type TimeValue = string | 0;
 export declare class Time<T extends TimeValue>
   extends BaseCSSType
@@ -181,7 +203,9 @@ export declare class Time<T extends TimeValue>
     value: ValueWithDefault,
   ): Time<T>;
 }
-export declare const time: any;
+export declare const time: <T extends TimeValue = TimeValue>(
+  value: ValueWithDefault,
+) => Time<T>;
 type TransformFunctionValue = string;
 export declare class TransformFunction<T extends TransformFunctionValue>
   extends BaseCSSType
@@ -193,7 +217,11 @@ export declare class TransformFunction<T extends TransformFunctionValue>
     value: ValueWithDefault,
   ): TransformFunction<T>;
 }
-export declare const transformFunction: any;
+export declare const transformFunction: <
+  T extends TransformFunctionValue = TransformFunctionValue,
+>(
+  value: ValueWithDefault,
+) => TransformFunction<T>;
 type TransformListValue = string;
 export declare class TransformList<T extends TransformListValue>
   extends BaseCSSType
@@ -205,4 +233,8 @@ export declare class TransformList<T extends TransformListValue>
     value: ValueWithDefault,
   ): TransformList<T>;
 }
-export declare const transformList: any;
+export declare const transformList: <
+  T extends TransformListValue = TransformListValue,
+>(
+  value: ValueWithDefault,
+) => TransformList<T>;

package/lib/types/index.js.flow

@@ -67,19 +67,20 @@ declare export const isCSSType: (
   value: mixed,
 ) => value is CSSType<string | number>;
 
-type AnguleValue = string;
-declare export class Angle<+T: AnguleValue>
+type AngleValue = string;
+declare export class Angle<+T: AngleValue>
   extends BaseCSSType
   implements CSSType<T>
 {
   +value: ValueWithDefault;
   +syntax: CSSSyntaxType;
   static +syntax: CSSSyntaxType;
-  static create<T: AnguleValue = AnguleValue>(
-    value: ValueWithDefault,
-  ): Angle<T>;
+  static create<T: AngleValue = AngleValue>(value: ValueWithDefault): Angle<T>;
 }
-declare export const angle: $FlowFixMe;
+declare export const angle: <T: AngleValue = AngleValue>(
+  value: ValueWithDefault,
+  // $FlowIgnore[method-unbinding]
+) => Angle<T>;
 
 type ColorValue = string;
 declare export class Color<+T: ColorValue>
@@ -90,7 +91,10 @@ declare export class Color<+T: ColorValue>
   +syntax: CSSSyntaxType;
   static create<T: ColorValue = ColorValue>(value: ValueWithDefault): Color<T>;
 }
-declare export const color: $FlowFixMe;
+declare export const color: <T: ColorValue = ColorValue>(
+  value: ValueWithDefault,
+  // $FlowIgnore[method-unbinding]
+) => Color<T>;
 
 type URLValue = string;
 
@@ -102,7 +106,9 @@ declare export class Url<+T: URLValue>
   +syntax: CSSSyntaxType;
   static create<T: URLValue = URLValue>(value: ValueWithDefault): Url<T>;
 }
-declare export const url: $FlowFixMe;
+declare export const url: <T: URLValue = URLValue>(
+  value: ValueWithDefault,
+) => Url<T>;
 
 type ImageValue = string;
 
@@ -115,7 +121,10 @@ declare export class Image<+T: ImageValue>
   constructor(value: ValueWithDefault): void;
   static create<T: ImageValue = ImageValue>(value: ValueWithDefault): Image<T>;
 }
-declare export const image: $FlowFixMe;
+declare export const image: <T: ImageValue = ImageValue>(
+  value: ValueWithDefault,
+  // $FlowIgnore[method-unbinding]
+) => Image<T>;
 
 type IntegerValue = number;
 
@@ -127,7 +136,9 @@ declare export class Integer<+T: IntegerValue>
   +syntax: CSSSyntaxType;
   static create<T: IntegerValue = IntegerValue>(value: T): Integer<T>;
 }
-declare export const integer: $FlowFixMe;
+declare export const integer: <T: IntegerValue = IntegerValue>(
+  value: T,
+) => Integer<T>;
 
 type LengthPercentageValue = string;
 
@@ -144,7 +155,10 @@ declare export class LengthPercentage<+_T: LengthPercentageValue>
     value: ValueWithDefault,
   ): LengthPercentage<string>;
 }
-declare export const lengthPercentage: $FlowFixMe;
+declare export const lengthPercentage: <_T: LengthPercentageValue | number>(
+  value: ValueWithDefault,
+  // $FlowIgnore[method-unbinding]
+) => LengthPercentage<string>;
 
 type LengthValue = number | string;
 
@@ -158,7 +172,10 @@ declare export class Length<+_T: LengthValue>
     value: NestedWithNumbers,
   ): Length<T>;
 }
-declare export const length: $FlowFixMe;
+declare export const length: <T: LengthValue = LengthValue>(
+  value: NestedWithNumbers,
+  // $FlowIgnore[method-unbinding]
+) => Length<T>;
 
 type PercentageValue = string | number;
 
@@ -172,7 +189,10 @@ declare export class Percentage<+_T: PercentageValue>
     value: NestedWithNumbers,
   ): Percentage<T>;
 }
-declare export const percentage: $FlowFixMe;
+declare export const percentage: <T: PercentageValue = PercentageValue>(
+  value: NestedWithNumbers,
+  // $FlowIgnore[method-unbinding]
+) => Percentage<T>;
 
 type NumberValue = number;
 
@@ -184,7 +204,10 @@ declare export class Num<+T: NumberValue>
   +syntax: CSSSyntaxType;
   static create<T: NumberValue = NumberValue>(value: NestedWithNumbers): Num<T>;
 }
-declare export const number: $FlowFixMe;
+declare export const number: <T: NumberValue = NumberValue>(
+  value: NestedWithNumbers,
+  // $FlowIgnore[method-unbinding]
+) => Num<T>;
 
 type ResolutionValue = string | 0;
 
@@ -198,7 +221,10 @@ declare export class Resolution<+T: ResolutionValue>
     value: ValueWithDefault,
   ): Resolution<T>;
 }
-declare export const resolution: $FlowFixMe;
+declare export const resolution: <T: ResolutionValue = ResolutionValue>(
+  value: ValueWithDefault,
+  // $FlowIgnore[method-unbinding]
+) => Resolution<T>;
 
 type TimeValue = string | 0;
 
@@ -210,7 +236,10 @@ declare export class Time<+T: TimeValue>
   +syntax: CSSSyntaxType;
   static create<T: TimeValue = TimeValue>(value: ValueWithDefault): Time<T>;
 }
-declare export const time: $FlowFixMe;
+declare export const time: <T: TimeValue = TimeValue>(
+  value: ValueWithDefault,
+  // $FlowIgnore[method-unbinding]
+) => Time<T>;
 
 type TransformFunctionValue = string;
 
@@ -224,7 +253,12 @@ declare export class TransformFunction<+T: TransformFunctionValue>
     value: ValueWithDefault,
   ): TransformFunction<T>;
 }
-declare export const transformFunction: $FlowFixMe;
+declare export const transformFunction: <
+  T: TransformFunctionValue = TransformFunctionValue,
+>(
+  value: ValueWithDefault,
+  // $FlowIgnore[method-unbinding]
+) => TransformFunction<T>;
 
 type TransformListValue = string;
 
@@ -238,4 +272,9 @@ declare export class TransformList<T: TransformListValue>
     value: ValueWithDefault,
   ): TransformList<T>;
 }
-declare export const transformList: $FlowFixMe;
+declare export const transformList: <
+  T: TransformListValue = TransformListValue,
+>(
+  value: ValueWithDefault,
+  // $FlowIgnore[method-unbinding]
+) => TransformList<T>;

package/lib/utils/normalize-value.js

@@ -9,11 +9,12 @@ var _leadingZero = _interopRequireDefault(require("./normalizers/leading-zero"))
 var _quotes = _interopRequireDefault(require("./normalizers/quotes"));
 var _timings = _interopRequireDefault(require("./normalizers/timings"));
 var _whitespace = _interopRequireDefault(require("./normalizers/whitespace"));
+var _zeroDimensions = _interopRequireDefault(require("./normalizers/zero-dimensions"));
 var _detectUnclosedFns = _interopRequireDefault(require("./normalizers/detect-unclosed-fns"));
 var _postcssValueParser = _interopRequireDefault(require("postcss-value-parser"));
 var _convertCamelCaseValues = _interopRequireDefault(require("./normalizers/convert-camel-case-values"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const normalizers = [_detectUnclosedFns.default, _whitespace.default, _timings.default, _leadingZero.default, _quotes.default, _convertCamelCaseValues.default];
+const normalizers = [_detectUnclosedFns.default, _whitespace.default, _timings.default, _zeroDimensions.default, _leadingZero.default, _quotes.default, _convertCamelCaseValues.default];
 function normalizeValue(value, key, _ref) {
   let {
     useRemForFontSize

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stylexjs/shared",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "main": "lib/index.js",
   "repository": "https://www.github.com/facebook/stylex",
   "license": "MIT",
@@ -13,7 +13,7 @@
     "postcss-value-parser": "^4.1.0"
   },
   "devDependencies": {
-    "@stylexjs/scripts": "0.6.0"
+    "@stylexjs/scripts": "0.7.0"
   },
   "jest": {
     "snapshotFormat": {