@calame/style-types 0.2.0

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export type { CalameAnimation, CalameStyle } from './makeStyles';
+export type { CalameResetStyle } from './makeResetStyles';
+export type { CalameStaticStyle, CalameStaticStyles } from './makeStaticStyles';
+export type { CalameStylesCSSValue, ValueOrArray } from './shared';
+export type { CalameStylesUnsupportedCSSProperties } from './unsupported-properties';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AACjE,YAAY,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,YAAY,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAEhF,YAAY,EAAE,oBAAoB,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACnE,YAAY,EAAE,oCAAoC,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/index.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":""}

package/dist/makeResetStyles.d.ts

@@ -0,0 +1,18 @@
+import type * as CSS from 'csstype';
+import type { CalameStylesCSSValue } from './shared';
+type CalameResetStylesCSSProperties = Omit<CSS.PropertiesFallback<CalameStylesCSSValue>, 'animationName'>;
+export type CalameResetStylesStrictCSSObject = CalameResetStylesCSSProperties & CalameCSSPseudos & {
+    animationName?: CalameResetAnimation | CalameResetAnimation[] | string;
+};
+type CalameCSSObjectCustom = {
+    [Property: string]: CalameResetStyle | CalameStylesCSSValue;
+} & CalameResetStylesStrictCSSObject;
+type CalameCSSPseudos = {
+    [Property in CSS.Pseudos]?: CalameResetStylesStrictCSSObject | CalameCSSObjectCustom;
+};
+export type CalameResetAnimation = Record<'from' | 'to' | string, CalameResetStylesCSSProperties & {
+    [Property in `--${string}`]: string;
+}>;
+export type CalameResetStyle = CalameResetStylesStrictCSSObject | CalameCSSObjectCustom;
+export {};
+//# sourceMappingURL=makeResetStyles.d.ts.map

package/dist/makeResetStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeResetStyles.d.ts","sourceRoot":"","sources":["../src/makeResetStyles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,GAAG,MAAM,SAAS,CAAC;AACpC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAOrD,KAAK,8BAA8B,GAAG,IAAI,CACxC,GAAG,CAAC,kBAAkB,CAAC,oBAAoB,CAAC,EAE5C,eAAe,CAChB,CAAC;AAEF,MAAM,MAAM,gCAAgC,GAAG,8BAA8B,GAC3E,gBAAgB,GAAG;IAAE,aAAa,CAAC,EAAE,oBAAoB,GAAG,oBAAoB,EAAE,GAAG,MAAM,CAAA;CAAE,CAAC;AAEhG,KAAK,qBAAqB,GAAG;IAC3B,CAAC,QAAQ,EAAE,MAAM,GAAG,gBAAgB,GAAG,oBAAoB,CAAC;CAC7D,GAAG,gCAAgC,CAAC;AAErC,KAAK,gBAAgB,GAAG;KACrB,QAAQ,IAAI,GAAG,CAAC,OAAO,CAAC,CAAC,EAAE,gCAAgC,GAAG,qBAAqB;CACrF,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,MAAM,CACvC,MAAM,GAAG,IAAI,GAAG,MAAM,EACtB,8BAA8B,GAAG;KAAG,QAAQ,IAAI,KAAK,MAAM,EAAE,GAAG,MAAM;CAAE,CACzE,CAAC;AACF,MAAM,MAAM,gBAAgB,GAAG,gCAAgC,GAAG,qBAAqB,CAAC"}

package/dist/makeResetStyles.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=makeResetStyles.js.map

package/dist/makeResetStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeResetStyles.js","sourceRoot":"","sources":["../src/makeResetStyles.ts"],"names":[],"mappings":""}

package/dist/makeStaticStyles.d.ts

@@ -0,0 +1,20 @@
+import type * as CSS from 'csstype';
+import type { CalameStylesCSSValue, Fallback } from './shared';
+export type CalameStaticStyle = {
+    [key: string]: (CSS.Properties | Fallback<CSS.Properties<CalameStylesCSSValue>>) & Record<string, any>;
+} & {
+    '@font-face'?: {
+        fontFamily: string;
+        src: string;
+        fontDisplay?: string;
+        fontFeatureSettings?: string;
+        fontStretch?: string;
+        fontStyle?: string;
+        fontVariant?: string;
+        fontVariationSettings?: string;
+        fontWeight?: number | string;
+        unicodeRange?: string;
+    };
+};
+export type CalameStaticStyles = CalameStaticStyle | string;
+//# sourceMappingURL=makeStaticStyles.d.ts.map

package/dist/makeStaticStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeStaticStyles.d.ts","sourceRoot":"","sources":["../src/makeStaticStyles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,GAAG,MAAM,SAAS,CAAC;AACpC,OAAO,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAO/D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,CAAC,GAAG,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC,UAAU,GAAG,QAAQ,CAAC,GAAG,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC,CAAC,GAE9E,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACvB,GAAG;IACF,YAAY,CAAC,EAAE;QACb,UAAU,EAAE,MAAM,CAAC;QACnB,GAAG,EAAE,MAAM,CAAC;QAEZ,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,mBAAmB,CAAC,EAAE,MAAM,CAAC;QAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,qBAAqB,CAAC,EAAE,MAAM,CAAC;QAC/B,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAE7B,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB,CAAC;CACH,CAAC;AACF,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,GAAG,MAAM,CAAC"}

package/dist/makeStaticStyles.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=makeStaticStyles.js.map

package/dist/makeStaticStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeStaticStyles.js","sourceRoot":"","sources":["../src/makeStaticStyles.ts"],"names":[],"mappings":""}

package/dist/makeStyles.d.ts

@@ -0,0 +1,19 @@
+import type * as CSS from 'csstype';
+import type { Fallback, CalameStylesCSSValue } from './shared';
+import type { CalameStylesUnsupportedCSSProperties } from './unsupported-properties';
+type CalameStylesCSSProperties = Omit<Fallback<CSS.Properties<CalameStylesCSSValue>>, 'animationName'> & Partial<CalameStylesUnsupportedCSSProperties>;
+export type CalameStylesStrictCSSObject = CalameStylesCSSProperties & {
+    animationName?: CalameAnimation | CalameAnimation[] | string;
+} & CalameCSSPseudos;
+type CalameCSSObjectCustom = {
+    [Property: string]: CalameStyle | CalameStylesCSSValue;
+} & CalameStylesStrictCSSObject;
+type CalameCSSPseudos = {
+    [Property in CSS.Pseudos]?: CalameStylesStrictCSSObject | CalameCSSObjectCustom;
+};
+export type CalameAnimation = Record<'from' | 'to' | string, CalameStylesCSSProperties & {
+    [Property in `--${string}`]: string;
+}>;
+export type CalameStyle = CalameStylesStrictCSSObject | CalameCSSObjectCustom;
+export {};
+//# sourceMappingURL=makeStyles.d.ts.map

package/dist/makeStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeStyles.d.ts","sourceRoot":"","sources":["../src/makeStyles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,GAAG,MAAM,SAAS,CAAC;AAEpC,OAAO,KAAK,EAAE,QAAQ,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAC/D,OAAO,KAAK,EAAE,oCAAoC,EAAE,MAAM,0BAA0B,CAAC;AAOrF,KAAK,yBAAyB,GAAG,IAAI,CACnC,QAAQ,CAAC,GAAG,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC,EAE9C,eAAe,CAChB,GACC,OAAO,CAAC,oCAAoC,CAAC,CAAC;AAEhD,MAAM,MAAM,2BAA2B,GAAG,yBAAyB,GAAG;IACpE,aAAa,CAAC,EAAE,eAAe,GAAG,eAAe,EAAE,GAAG,MAAM,CAAC;CAC9D,GAAG,gBAAgB,CAAC;AAErB,KAAK,qBAAqB,GAAG;IAC3B,CAAC,QAAQ,EAAE,MAAM,GAAG,WAAW,GAAG,oBAAoB,CAAC;CACxD,GAAG,2BAA2B,CAAC;AAEhC,KAAK,gBAAgB,GAAG;KACrB,QAAQ,IAAI,GAAG,CAAC,OAAO,CAAC,CAAC,EAAE,2BAA2B,GAAG,qBAAqB;CAChF,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,MAAM,CAClC,MAAM,GAAG,IAAI,GAAG,MAAM,EACtB,yBAAyB,GAAG;KAAG,QAAQ,IAAI,KAAK,MAAM,EAAE,GAAG,MAAM;CAAE,CACpE,CAAC;AACF,MAAM,MAAM,WAAW,GAAG,2BAA2B,GAAG,qBAAqB,CAAC"}

package/dist/makeStyles.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=makeStyles.js.map

package/dist/makeStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeStyles.js","sourceRoot":"","sources":["../src/makeStyles.ts"],"names":[],"mappings":""}

package/dist/shared.d.ts

@@ -0,0 +1,10 @@
+export type CalameStylesCSSValue = string | 0;
+/**
+ * instead of using `CSS.PropertiesFallback` from csstype that remaps properties to `readonly` union we need to use our cutom Fallback mapped type in order to avoid type issues
+ * @see https://github.com/frenic/csstype/blob/master/src/typescript.ts#L73
+ */
+export type Fallback<T> = {
+    [P in keyof T]: T[P] | NonNullable<T[P]>[];
+};
+export type ValueOrArray<T> = T | Array<T>;
+//# sourceMappingURL=shared.d.ts.map

package/dist/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../src/shared.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,CAAC,CAAC;AAE9C;;;GAGG;AACH,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;CAAE,CAAC;AAEzE,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC"}

package/dist/shared.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=shared.js.map

package/dist/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.js","sourceRoot":"","sources":["../src/shared.ts"],"names":[],"mappings":""}

package/dist/unsupported-properties.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Calame doesn't support *some* of CSS shorthands, they are listed below.
+ *
+ * They can be replaced either with the corresponding longhand properties or with the `shorthands` helper functions.
+ *
+ * @see https://github.com/microsoft/calame/issues/531
+ * @see https://calame.js.org/react/guides/limitations#css-shorthands-are-not-supported
+ */
+export interface CalameStylesUnsupportedCSSProperties {
+    /** @deprecated */
+    all: never;
+    /** @deprecated Use `shorthands.borderColor()` instead. */
+    borderColor: never;
+    /** @deprecated Use `shorthands.borderStyle()` instead. */
+    borderStyle: never;
+    /** @deprecated Use `shorthands.borderWidth()` instead. */
+    borderWidth: never;
+    /** @deprecated Use corresponding longhand properties such as `borderBlockStartColor` and `borderBlockEndStyle` instead. */
+    borderBlock: never;
+    /** @deprecated Use corresponding longhand properties such as `borderBlockEndColor` and `borderBlockEndStyle` instead. */
+    borderBlockEnd: never;
+    /** @deprecated Use corresponding longhand properties such as `borderBlockStartColor` and `borderBlockStartStyle` instead. */
+    borderBlockStart: never;
+    /** @deprecated Use corresponding longhand properties such as `borderInlineStartColor` and `borderInlineEndStyle` instead. */
+    borderInline: never;
+    /** @deprecated Use corresponding longhand properties such as `borderInlineEndColor` and `borderInlineEndStyle` instead. */
+    borderInlineEnd: never;
+    /** @deprecated Use corresponding longhand properties such as `borderInlineStartColor` and `borderInlineStartStyle` instead. */
+    borderInlineStart: never;
+}
+//# sourceMappingURL=unsupported-properties.d.ts.map

package/dist/unsupported-properties.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"unsupported-properties.d.ts","sourceRoot":"","sources":["../src/unsupported-properties.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,MAAM,WAAW,oCAAoC;IACnD,kBAAkB;IAClB,GAAG,EAAE,KAAK,CAAC;IAEX,0DAA0D;IAC1D,WAAW,EAAE,KAAK,CAAC;IACnB,0DAA0D;IAC1D,WAAW,EAAE,KAAK,CAAC;IACnB,0DAA0D;IAC1D,WAAW,EAAE,KAAK,CAAC;IAEnB,2HAA2H;IAC3H,WAAW,EAAE,KAAK,CAAC;IACnB,yHAAyH;IACzH,cAAc,EAAE,KAAK,CAAC;IACtB,6HAA6H;IAC7H,gBAAgB,EAAE,KAAK,CAAC;IACxB,6HAA6H;IAC7H,YAAY,EAAE,KAAK,CAAC;IACpB,2HAA2H;IAC3H,eAAe,EAAE,KAAK,CAAC;IACvB,+HAA+H;IAC/H,iBAAiB,EAAE,KAAK,CAAC;CAC1B"}

package/dist/unsupported-properties.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=unsupported-properties.js.map

package/dist/unsupported-properties.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"unsupported-properties.js","sourceRoot":"","sources":["../src/unsupported-properties.ts"],"names":[],"mappings":""}

package/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "@calame/style-types",
+  "version": "0.2.0",
+  "description": "Types for engine style objects",
+  "license": "MIT",
+  "sideEffects": false,
+  "types": "dist/index.d.ts",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsc -b tsconfig.json"
+  },
+  "dependencies": {
+    "csstype": "^3.1.3",
+    "tslib": "^2.8.1"
+  }
+}