@workday/canvas-kit-styling-transform 14.3.0-0232-next.0 → 14.3.0

package/dist/commonjs/lib/styleTransform.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styleTransform.d.ts","sourceRoot":"","sources":["../../../lib/styleTransform.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,YAAY,CAAC;AAY5B,OAAO,EAAC,eAAe,EAAmB,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAEnF,MAAM,MAAM,iBAAiB,GAAG;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,iBAAiB,CAAA;CAAC,CAAC;AAE5E,MAAM,WAAW,uBAAwB,SAAQ,kBAAkB;IACjE,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,YAAY,CAAC,EAAE,eAAe,EAAE,CAAC;CAClC;AAQD;;GAEG;AACH,wBAAgB,MAAM,SAMrB;AAYD,eAAe,gBAAgB,CAAC;AAChC,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,EAAE,CAAC,OAAO,EACnB,EAAC,aAAkB,EAAE,GAAG,OAAO,EAAC,GAAE,OAAO,CAAC,uBAAuB,CAAM,GACtE,EAAE,CAAC,kBAAkB,CAAC,EAAE,CAAC,UAAU,CAAC,CAsDtC;AAED,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,EAAE,CAAC,WAAW,EACvB,EAAC,YAAY,EAAE,GAAG,KAAK,EAAC,GAAE,OAAO,CAAC,uBAAuB,CAAM,GAC9D,kBAAkB,CAmBpB;AAED;;;GAGG;AACH,wBAAgB,SAAS,CACvB,OAAO,EAAE,EAAE,CAAC,OAAO,EACnB,QAAQ,SAAY,EACpB,OAAO,CAAC,EAAE,OAAO,CAAC,uBAAuB,CAAC,UAa3C;AAUD,wBAAgB,SAAS,CAAC,QAAQ,SAAM,sBAIvC"}
+{"version":3,"file":"styleTransform.d.ts","sourceRoot":"","sources":["../../../lib/styleTransform.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,YAAY,CAAC;AAY5B,OAAO,EAAC,eAAe,EAAmB,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAGnF,MAAM,MAAM,iBAAiB,GAAG;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,iBAAiB,CAAA;CAAC,CAAC;AAE5E,MAAM,WAAW,uBAAwB,SAAQ,kBAAkB;IACjE,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,YAAY,CAAC,EAAE,eAAe,EAAE,CAAC;CAClC;AAQD;;GAEG;AACH,wBAAgB,MAAM,SAMrB;AAYD,eAAe,gBAAgB,CAAC;AAChC,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,EAAE,CAAC,OAAO,EACnB,EAAC,aAAkB,EAAE,GAAG,OAAO,EAAC,GAAE,OAAO,CAAC,uBAAuB,CAAM,GACtE,EAAE,CAAC,kBAAkB,CAAC,EAAE,CAAC,UAAU,CAAC,CAsDtC;AAED,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,EAAE,CAAC,WAAW,EACvB,EAAC,YAAY,EAAE,GAAG,KAAK,EAAC,GAAE,OAAO,CAAC,uBAAuB,CAAM,GAC9D,kBAAkB,CAuBpB;AAED;;;GAGG;AACH,wBAAgB,SAAS,CACvB,OAAO,EAAE,EAAE,CAAC,OAAO,EACnB,QAAQ,SAAY,EACpB,OAAO,CAAC,EAAE,OAAO,CAAC,uBAAuB,CAAC,UAa3C;AAUD,wBAAgB,SAAS,CAAC,QAAQ,SAAM,sBAIvC"}

package/dist/commonjs/lib/styleTransform.js

@@ -17,6 +17,7 @@ const handleInjectGlobal_1 = require("./utils/handleInjectGlobal");
 const handleKeyframes_1 = require("./utils/handleKeyframes");
 const handleParentModifier_1 = require("./utils/handleParentModifier");
 const handlePx2Rem_1 = require("./utils/handlePx2Rem");
+const handleColorSpace_1 = require("./utils/handleColorSpace");
 let vars = {};
 let extractedNames = {};
 let styles = {};
@@ -103,7 +104,13 @@ function withDefaultContext(checker, { transformers, ...input } = {}) {
         objectTransforms: [],
         transform: handleTransformers(transformers || defaultTransformers),
         ...input,
-        propertyTransforms: [handleCalc_1.handleCalc, handlePx2Rem_1.handlePx2Rem, handleCssVar_1.handleCssVar, handleParentModifier_1.handleParentModifier].concat(input.propertyTransforms || []),
+        propertyTransforms: [
+            handleCalc_1.handleCalc,
+            handlePx2Rem_1.handlePx2Rem,
+            handleCssVar_1.handleCssVar,
+            handleParentModifier_1.handleParentModifier,
+            handleColorSpace_1.handleColorSpace,
+        ].concat(input.propertyTransforms || []),
     };
 }
 exports.withDefaultContext = withDefaultContext;

package/dist/commonjs/lib/utils/handleColorSpace.d.ts

@@ -0,0 +1,2 @@
+export declare const handleColorSpace: import("./types").PropertyTransform;
+//# sourceMappingURL=handleColorSpace.d.ts.map

package/dist/commonjs/lib/utils/handleColorSpace.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"handleColorSpace.d.ts","sourceRoot":"","sources":["../../../../lib/utils/handleColorSpace.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,gBAAgB,qCA6B3B,CAAC"}

package/dist/commonjs/lib/utils/handleColorSpace.js

@@ -0,0 +1,30 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleColorSpace = void 0;
+const typescript_1 = __importDefault(require("typescript"));
+const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
+const createPropertyTransform_1 = require("../createPropertyTransform");
+const parseNodeToStaticValue_1 = require("./parseNodeToStaticValue");
+const parseObjectToStaticValue_1 = require("./parseObjectToStaticValue");
+exports.handleColorSpace = (0, createPropertyTransform_1.createPropertyTransform)((node, context) => {
+    if (typescript_1.default.isCallExpression(node) &&
+        typescript_1.default.isPropertyAccessExpression(node.expression) &&
+        typescript_1.default.isIdentifier(node.expression.expression) &&
+        node.expression.expression.text === 'colorSpace' &&
+        typescript_1.default.isIdentifier(node.expression.name)) {
+        const args = node.arguments.map(arg => {
+            if (typescript_1.default.isObjectLiteralExpression(arg)) {
+                return (0, parseObjectToStaticValue_1.parseStyleObjFromType)(context.checker.getTypeAtLocation(arg), context);
+            }
+            return (0, parseNodeToStaticValue_1.parseNodeToStaticValue)(arg, context);
+        });
+        const name = node.expression.name.text;
+        if (name === 'darken') {
+            return canvas_kit_styling_1.colorSpace.darken(args[0]);
+        }
+    }
+    return;
+});

package/dist/es6/lib/styleTransform.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styleTransform.d.ts","sourceRoot":"","sources":["../../../lib/styleTransform.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,YAAY,CAAC;AAY5B,OAAO,EAAC,eAAe,EAAmB,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAEnF,MAAM,MAAM,iBAAiB,GAAG;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,iBAAiB,CAAA;CAAC,CAAC;AAE5E,MAAM,WAAW,uBAAwB,SAAQ,kBAAkB;IACjE,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,YAAY,CAAC,EAAE,eAAe,EAAE,CAAC;CAClC;AAQD;;GAEG;AACH,wBAAgB,MAAM,SAMrB;AAYD,eAAe,gBAAgB,CAAC;AAChC,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,EAAE,CAAC,OAAO,EACnB,EAAC,aAAkB,EAAE,GAAG,OAAO,EAAC,GAAE,OAAO,CAAC,uBAAuB,CAAM,GACtE,EAAE,CAAC,kBAAkB,CAAC,EAAE,CAAC,UAAU,CAAC,CAsDtC;AAED,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,EAAE,CAAC,WAAW,EACvB,EAAC,YAAY,EAAE,GAAG,KAAK,EAAC,GAAE,OAAO,CAAC,uBAAuB,CAAM,GAC9D,kBAAkB,CAmBpB;AAED;;;GAGG;AACH,wBAAgB,SAAS,CACvB,OAAO,EAAE,EAAE,CAAC,OAAO,EACnB,QAAQ,SAAY,EACpB,OAAO,CAAC,EAAE,OAAO,CAAC,uBAAuB,CAAC,UAa3C;AAUD,wBAAgB,SAAS,CAAC,QAAQ,SAAM,sBAIvC"}
+{"version":3,"file":"styleTransform.d.ts","sourceRoot":"","sources":["../../../lib/styleTransform.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,YAAY,CAAC;AAY5B,OAAO,EAAC,eAAe,EAAmB,kBAAkB,EAAC,MAAM,eAAe,CAAC;AAGnF,MAAM,MAAM,iBAAiB,GAAG;IAAC,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,iBAAiB,CAAA;CAAC,CAAC;AAE5E,MAAM,WAAW,uBAAwB,SAAQ,kBAAkB;IACjE,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,YAAY,CAAC,EAAE,eAAe,EAAE,CAAC;CAClC;AAQD;;GAEG;AACH,wBAAgB,MAAM,SAMrB;AAYD,eAAe,gBAAgB,CAAC;AAChC,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,EAAE,CAAC,OAAO,EACnB,EAAC,aAAkB,EAAE,GAAG,OAAO,EAAC,GAAE,OAAO,CAAC,uBAAuB,CAAM,GACtE,EAAE,CAAC,kBAAkB,CAAC,EAAE,CAAC,UAAU,CAAC,CAsDtC;AAED,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,EAAE,CAAC,WAAW,EACvB,EAAC,YAAY,EAAE,GAAG,KAAK,EAAC,GAAE,OAAO,CAAC,uBAAuB,CAAM,GAC9D,kBAAkB,CAuBpB;AAED;;;GAGG;AACH,wBAAgB,SAAS,CACvB,OAAO,EAAE,EAAE,CAAC,OAAO,EACnB,QAAQ,SAAY,EACpB,OAAO,CAAC,EAAE,OAAO,CAAC,uBAAuB,CAAC,UAa3C;AAUD,wBAAgB,SAAS,CAAC,QAAQ,SAAM,sBAIvC"}

package/dist/es6/lib/styleTransform.js

@@ -11,6 +11,7 @@ import { handleInjectGlobal } from './utils/handleInjectGlobal';
 import { handleKeyframes } from './utils/handleKeyframes';
 import { handleParentModifier } from './utils/handleParentModifier';
 import { handlePx2Rem } from './utils/handlePx2Rem';
+import { handleColorSpace } from './utils/handleColorSpace';
 let vars = {};
 let extractedNames = {};
 let styles = {};
@@ -95,7 +96,13 @@ export function withDefaultContext(checker, { transformers, ...input } = {}) {
         objectTransforms: [],
         transform: handleTransformers(transformers || defaultTransformers),
         ...input,
-        propertyTransforms: [handleCalc, handlePx2Rem, handleCssVar, handleParentModifier].concat(input.propertyTransforms || []),
+        propertyTransforms: [
+            handleCalc,
+            handlePx2Rem,
+            handleCssVar,
+            handleParentModifier,
+            handleColorSpace,
+        ].concat(input.propertyTransforms || []),
     };
 }
 /**

package/dist/es6/lib/utils/handleColorSpace.d.ts

@@ -0,0 +1,2 @@
+export declare const handleColorSpace: import("./types").PropertyTransform;
+//# sourceMappingURL=handleColorSpace.d.ts.map

package/dist/es6/lib/utils/handleColorSpace.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"handleColorSpace.d.ts","sourceRoot":"","sources":["../../../../lib/utils/handleColorSpace.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,gBAAgB,qCA6B3B,CAAC"}

package/dist/es6/lib/utils/handleColorSpace.js

@@ -0,0 +1,24 @@
+import ts from 'typescript';
+import { colorSpace } from '@workday/canvas-kit-styling';
+import { createPropertyTransform } from '../createPropertyTransform';
+import { parseNodeToStaticValue } from './parseNodeToStaticValue';
+import { parseStyleObjFromType } from './parseObjectToStaticValue';
+export const handleColorSpace = createPropertyTransform((node, context) => {
+    if (ts.isCallExpression(node) &&
+        ts.isPropertyAccessExpression(node.expression) &&
+        ts.isIdentifier(node.expression.expression) &&
+        node.expression.expression.text === 'colorSpace' &&
+        ts.isIdentifier(node.expression.name)) {
+        const args = node.arguments.map(arg => {
+            if (ts.isObjectLiteralExpression(arg)) {
+                return parseStyleObjFromType(context.checker.getTypeAtLocation(arg), context);
+            }
+            return parseNodeToStaticValue(arg, context);
+        });
+        const name = node.expression.name.text;
+        if (name === 'darken') {
+            return colorSpace.darken(args[0]);
+        }
+    }
+    return;
+});

package/lib/styleTransform.ts

@@ -13,6 +13,7 @@ import {handleKeyframes} from './utils/handleKeyframes';
 import {handleParentModifier} from './utils/handleParentModifier';
 import {handlePx2Rem} from './utils/handlePx2Rem';
 import {NodeTransformer, ObjectTransform, TransformerContext} from './utils/types';
+import {handleColorSpace} from './utils/handleColorSpace';
 
 export type NestedStyleObject = {[key: string]: string | NestedStyleObject};
 
@@ -126,9 +127,13 @@ export function withDefaultContext(
     objectTransforms: [] as ObjectTransform[],
     transform: handleTransformers(transformers || defaultTransformers),
     ...input,
-    propertyTransforms: [handleCalc, handlePx2Rem, handleCssVar, handleParentModifier].concat(
-      input.propertyTransforms || []
-    ),
+    propertyTransforms: [
+      handleCalc,
+      handlePx2Rem,
+      handleCssVar,
+      handleParentModifier,
+      handleColorSpace,
+    ].concat(input.propertyTransforms || []),
   } as TransformerContext;
 }
 

package/lib/utils/handleColorSpace.ts

@@ -0,0 +1,38 @@
+import ts from 'typescript';
+
+import {colorSpace} from '@workday/canvas-kit-styling';
+
+import {createPropertyTransform} from '../createPropertyTransform';
+import {parseNodeToStaticValue} from './parseNodeToStaticValue';
+import {parseStyleObjFromType} from './parseObjectToStaticValue';
+
+export const handleColorSpace = createPropertyTransform((node, context) => {
+  if (
+    ts.isCallExpression(node) &&
+    ts.isPropertyAccessExpression(node.expression) &&
+    ts.isIdentifier(node.expression.expression) &&
+    node.expression.expression.text === 'colorSpace' &&
+    ts.isIdentifier(node.expression.name)
+  ) {
+    const args = node.arguments.map(arg => {
+      if (ts.isObjectLiteralExpression(arg)) {
+        return parseStyleObjFromType(context.checker.getTypeAtLocation(arg), context);
+      }
+      return parseNodeToStaticValue(arg, context);
+    });
+    const name = node.expression.name.text;
+
+    if (name === 'darken') {
+      return colorSpace.darken(
+        args[0] as {
+          color: string;
+          fallback?: string;
+          mixinColor: string;
+          mixinValue: string;
+        }
+      );
+    }
+  }
+
+  return;
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@workday/canvas-kit-styling-transform",
-  "version": "14.3.0-0232-next.0",
+  "version": "14.3.0",
   "description": "The custom CSS in JS solution that takes JS styles and turns them into static CSS",
   "author": "Workday, Inc. (https://www.workday.com)",
   "license": "Apache-2.0",
@@ -38,7 +38,7 @@
   ],
   "dependencies": {
     "@emotion/serialize": "^1.0.2",
-    "@workday/canvas-kit-styling": "^14.3.0-0232-next.0",
+    "@workday/canvas-kit-styling": "^14.3.0",
     "@workday/canvas-tokens-web": "^3.1.6",
     "stylis": "4.0.13",
     "ts-node": "^10.9.1",
@@ -51,5 +51,5 @@
   "peerDependencies": {
     "typescript": ">=5.0"
   },
-  "gitHead": "f3177b2e2c7e82d5a4e05f486f27a860fbb3d3d9"
+  "gitHead": "7235a397c9f49a8ef929c793b2321d9f1526ec5c"
 }