Rename property key

src/mjs/color.js

@@ -2445,15 +2445,15 @@ export const convertColorMixToHex = (value, opt = {}) => {
  * get color in hex color notation
  * @param {string} value - value
  * @param {object} [opt] - options
- * @returns {?string|Array} - hex color or array of [prop, hex] pair
+ * @returns {?string|Array} - hex color or array of [property, hex] pair
  */
 export const getColorInHex = (value, opt = {}) => {
   if (isString(value)) {
     value = value.trim();
   } else {
     throw new TypeError(`Expected String but got ${getType(value)}.`);
   }
-  const { alpha, currentColor, prop } = opt;
+  const { alpha, currentColor, property } = opt;
   let hex;
   if (/^currentcolor$/i.test(value)) {
     if (currentColor) {
@@ -2490,7 +2490,7 @@ export const getColorInHex = (value, opt = {}) => {
       currentColor
     });
   }
-  return prop ? [prop, hex] : (hex || null);
+  return property ? [property, hex] : (hex || null);
 };
 
 /**

src/mjs/theme.js

@@ -528,7 +528,7 @@ export const getCurrentThemeBaseValues = async (opt = {}) => {
           }
       }
       func.push(getColorInHex(value, {
-        prop: key,
+        property: key,
         alpha: true
       }));
     }
@@ -544,7 +544,7 @@ export const getCurrentThemeBaseValues = async (opt = {}) => {
       const value = values.get(key);
       if (value.startsWith('color-mix')) {
         func.push(getColorInHex(value, {
-          prop: key
+          property: key
         }));
       }
     }

test/color.test.js

@@ -7391,7 +7391,7 @@ describe('color', () => {
     it('should get array', () => {
       const res = func('color-mix(in srgb, blue, red)', {
         alpha: true,
-        prop: 'foo'
+        property: 'foo'
       });
       const value = mjs.convertColorToHex('rgb(128, 0, 128)');
       assert.deepEqual(res, ['foo', value], 'result');