@dreamcommerce/aurora 3.1.17 → 3.1.19

package/build/cjs/packages/aurora/src/components/values_syncer/values_syncer.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
-var css_color_tokens_values = require('../../constants/css_tokens/css_color_tokens_values.js');
+var css_icon_color_tokens = require('../../constants/css_tokens/css_icon_color_tokens.js');
 var cn = require('../../utilities/cn.js');
 var stack = require('../stack/stack.js');
 var lock_icon = require('../../assets/icons/lock_icon.js');
@@ -98,16 +98,16 @@ var ValuesSyncer = function ValuesSyncer(_ref) {
   }, firstControl(firstValue, handleFirstControlChange), /*#__PURE__*/React__default['default'].createElement("button", {
     type: "button",
     disabled: disableLockButton,
-    className: cn.cn(locked ? 'aurora-bg-active aurora-rounded-4' : 'aurora-bg-subtle', 'aurora-h-6 aurora-w-6 aurora-p-1 aurora-mb-2 aurora-rounded-4 focus'),
+    className: cn.cn(locked ? 'aurora-bg-hover aurora-rounded-4' : 'hover:aurora-bg-hover', disableLockButton && 'aurora-bg-subtle', 'aurora-h-6 aurora-w-6 aurora-p-1 aurora-mb-2 aurora-rounded-4 focus'),
     onClick: function onClick() {
       return handleLockedChange(!locked);
     }
-  }, locked && !disableLockButton ? (/*#__PURE__*/React__default['default'].createElement(lock_icon.LockLineIcon, {
+  }, locked ? (/*#__PURE__*/React__default['default'].createElement(lock_icon.LockLineIcon, {
     className: "aurora-h-4 aurora-w-4",
-    color: css_color_tokens_values.CSS_COLOR_TOKENS_VALUES.neutral900
+    color: !disableLockButton ? css_icon_color_tokens.CSS_ICON_COLOR_TOKENS_VALUES.primary : css_icon_color_tokens.CSS_ICON_COLOR_TOKENS_VALUES.subtle
   })) : (/*#__PURE__*/React__default['default'].createElement(lock_unlock_icon.LockUnlockLineIcon, {
     className: "aurora-h-4 aurora-w-4",
-    color: css_color_tokens_values.CSS_COLOR_TOKENS_VALUES.neutral600
+    color: !disableLockButton ? css_icon_color_tokens.CSS_ICON_COLOR_TOKENS_VALUES.base : css_icon_color_tokens.CSS_ICON_COLOR_TOKENS_VALUES.subtle
   }))), secondControl(secondValue, handleSecondControlChange));
 };
 

package/build/esm/packages/aurora/src/components/values_syncer/values_syncer.js

@@ -1,6 +1,6 @@
 import React, { useState, useRef, useCallback, useEffect } from 'react';
 import { slicedToArray as _slicedToArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { CSS_COLOR_TOKENS_VALUES } from '../../constants/css_tokens/css_color_tokens_values.js';
+import { CSS_ICON_COLOR_TOKENS_VALUES } from '../../constants/css_tokens/css_icon_color_tokens.js';
 import { cn } from '../../utilities/cn.js';
 import { Stack } from '../stack/stack.js';
 import { LockLineIcon } from '../../assets/icons/lock_icon.js';
@@ -90,16 +90,16 @@ var ValuesSyncer = function ValuesSyncer(_ref) {
   }, firstControl(firstValue, handleFirstControlChange), /*#__PURE__*/React.createElement("button", {
     type: "button",
     disabled: disableLockButton,
-    className: cn(locked ? 'aurora-bg-active aurora-rounded-4' : 'aurora-bg-subtle', 'aurora-h-6 aurora-w-6 aurora-p-1 aurora-mb-2 aurora-rounded-4 focus'),
+    className: cn(locked ? 'aurora-bg-hover aurora-rounded-4' : 'hover:aurora-bg-hover', disableLockButton && 'aurora-bg-subtle', 'aurora-h-6 aurora-w-6 aurora-p-1 aurora-mb-2 aurora-rounded-4 focus'),
     onClick: function onClick() {
       return handleLockedChange(!locked);
     }
-  }, locked && !disableLockButton ? (/*#__PURE__*/React.createElement(LockLineIcon, {
+  }, locked ? (/*#__PURE__*/React.createElement(LockLineIcon, {
     className: "aurora-h-4 aurora-w-4",
-    color: CSS_COLOR_TOKENS_VALUES.neutral900
+    color: !disableLockButton ? CSS_ICON_COLOR_TOKENS_VALUES.primary : CSS_ICON_COLOR_TOKENS_VALUES.subtle
   })) : (/*#__PURE__*/React.createElement(LockUnlockLineIcon, {
     className: "aurora-h-4 aurora-w-4",
-    color: CSS_COLOR_TOKENS_VALUES.neutral600
+    color: !disableLockButton ? CSS_ICON_COLOR_TOKENS_VALUES.base : CSS_ICON_COLOR_TOKENS_VALUES.subtle
   }))), secondControl(secondValue, handleSecondControlChange));
 };
 

package/package.json

@@ -2,7 +2,7 @@
   "name": "@dreamcommerce/aurora",
   "packageManager": "yarn@3.2.0",
   "sideEffects": false,
-  "version": "3.1.17",
+  "version": "3.1.19",
   "description": "aurora",
   "author": "zefirek",
   "license": "MIT",