@dreamcommerce/aurora 3.1.18 → 3.1.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/cjs/packages/aurora/src/components/values_syncer/values_syncer.js +5 -5
- package/build/esm/packages/aurora/src/components/accordion/components/accordion_trigger.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/box/box.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/values_syncer/values_syncer.js +5 -5
- package/package.json +1 -1
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var _rollupPluginBabelHelpers = require('../../../../../_virtual/_rollupPluginBabelHelpers.js');
|
|
7
|
-
var
|
|
7
|
+
var css_icon_color_tokens = require('../../constants/css_tokens/css_icon_color_tokens.js');
|
|
8
8
|
var cn = require('../../utilities/cn.js');
|
|
9
9
|
var stack = require('../stack/stack.js');
|
|
10
10
|
var lock_icon = require('../../assets/icons/lock_icon.js');
|
|
@@ -98,16 +98,16 @@ var ValuesSyncer = function ValuesSyncer(_ref) {
|
|
|
98
98
|
}, firstControl(firstValue, handleFirstControlChange), /*#__PURE__*/React__default['default'].createElement("button", {
|
|
99
99
|
type: "button",
|
|
100
100
|
disabled: disableLockButton,
|
|
101
|
-
className: cn.cn(locked ? 'aurora-bg-
|
|
101
|
+
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'),
|
|
102
102
|
onClick: function onClick() {
|
|
103
103
|
return handleLockedChange(!locked);
|
|
104
104
|
}
|
|
105
|
-
}, locked
|
|
105
|
+
}, locked ? (/*#__PURE__*/React__default['default'].createElement(lock_icon.LockLineIcon, {
|
|
106
106
|
className: "aurora-h-4 aurora-w-4",
|
|
107
|
-
color:
|
|
107
|
+
color: !disableLockButton ? css_icon_color_tokens.CSS_ICON_COLOR_TOKENS_VALUES.primary : css_icon_color_tokens.CSS_ICON_COLOR_TOKENS_VALUES.subtle
|
|
108
108
|
})) : (/*#__PURE__*/React__default['default'].createElement(lock_unlock_icon.LockUnlockLineIcon, {
|
|
109
109
|
className: "aurora-h-4 aurora-w-4",
|
|
110
|
-
color:
|
|
110
|
+
color: !disableLockButton ? css_icon_color_tokens.CSS_ICON_COLOR_TOKENS_VALUES.base : css_icon_color_tokens.CSS_ICON_COLOR_TOKENS_VALUES.subtle
|
|
111
111
|
}))), secondControl(secondValue, handleSecondControlChange));
|
|
112
112
|
};
|
|
113
113
|
|
package/build/esm/packages/aurora/src/components/accordion/components/accordion_trigger.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
export declare const AccordionTrigger: React.ForwardRefExoticComponent<{
|
|
4
|
-
backgroundColor?: "hover" | "active" | "subtle" | "subtle-strong" | "
|
|
4
|
+
backgroundColor?: "hover" | "active" | "subtle" | "subtle-strong" | "transparent" | "transparent-hover" | "transparent-active" | "transparent-subtle" | "inverse" | "inverse-hover" | "inverse-active" | "inverse-subtle" | "highlighted" | "primary" | "primary-hover" | "primary-active" | "primary-dark" | "primary-transparent" | "primary-transparent-hover" | "primary-transparent-active" | "success-subtle" | "success-subtle-hover" | "success-subtle-active" | "success" | "success-hover" | "success-active" | "danger-subtle" | "danger-subtle-hover" | "danger-subtle-active" | "danger" | "danger-hover" | "danger-active" | "warning-subtle" | "warning-subtle-hover" | "warning-subtle-active" | "warning" | "warning-hover" | "warning-active" | "info-subtle" | "info-subtle-hover" | "info-subtle-active" | "info" | "info-hover" | "info-active" | undefined;
|
|
5
5
|
borderStyle?: "none" | "solid" | "dashed" | "dotted" | "double" | undefined;
|
|
6
6
|
iconColor?: "base" | "disabled" | "subtle" | "inverse" | "inverse-subtle" | "primary" | "success" | "danger" | "warning" | "info" | "inverse-disabled" | "primary-strong" | "success-strong" | "danger-strong" | "warning-strong" | "info-strong" | undefined;
|
|
7
7
|
icon?: React.ReactNode;
|
|
@@ -23,7 +23,7 @@ export declare const Box: React.ForwardRefExoticComponent<React.HTMLAttributes<H
|
|
|
23
23
|
} & {
|
|
24
24
|
as?: "div" | "span" | "header" | "footer" | "nav" | "section" | "ul" | "ol" | "li" | undefined;
|
|
25
25
|
color?: "subtle" | "subtle-light" | "inverse" | "inverse-subtle" | "inverse-subtle-light" | "inverse-ghost" | "inverse-ghost-light" | "interactive" | "interactive-hover" | "interactive-active" | "interactive-inverse" | "interactive-inverse-hover" | "interactive-inverse-active" | "success" | "success-hover" | "success-active" | "success-strong" | "danger" | "danger-hover" | "danger-active" | "danger-strong" | "warning" | "warning-hover" | "warning-active" | "warning-strong" | "info" | "info-hover" | "info-active" | "info-strong" | undefined;
|
|
26
|
-
backgroundColor?: "subtle" | "inverse" | "inverse-subtle" | "success" | "success-hover" | "success-active" | "danger" | "danger-hover" | "danger-active" | "warning" | "warning-hover" | "warning-active" | "info" | "info-hover" | "info-active" | "transparent" | "active" | "hover" | "subtle-strong" | "
|
|
26
|
+
backgroundColor?: "subtle" | "inverse" | "inverse-subtle" | "success" | "success-hover" | "success-active" | "danger" | "danger-hover" | "danger-active" | "warning" | "warning-hover" | "warning-active" | "info" | "info-hover" | "info-active" | "transparent" | "active" | "hover" | "subtle-strong" | "transparent-hover" | "transparent-active" | "transparent-subtle" | "inverse-hover" | "inverse-active" | "highlighted" | "primary" | "primary-hover" | "primary-active" | "primary-dark" | "primary-transparent" | "primary-transparent-hover" | "primary-transparent-active" | "success-subtle" | "success-subtle-hover" | "success-subtle-active" | "danger-subtle" | "danger-subtle-hover" | "danger-subtle-active" | "warning-subtle" | "warning-subtle-hover" | "warning-subtle-active" | "info-subtle" | "info-subtle-hover" | "info-subtle-active" | undefined;
|
|
27
27
|
borderColor?: "subtle" | "inverse" | "inverse-subtle" | "success" | "danger" | "danger-hover" | "danger-active" | "danger-strong" | "info" | "strong" | "transparent" | "active" | "inverse-active" | "primary" | "primary-hover" | "extraStrong" | "inverse-strong" | "focus" | undefined;
|
|
28
28
|
borderRadius?: "0" | "2" | "4" | "6" | "8" | "12" | "16" | "24" | "40" | "full" | Partial<Record<"b" | "br" | "s" | "tr" | "t" | "r" | "l" | "tl" | "bl" | "e" | "ee" | "es" | "se" | "ss", "0" | "2" | "4" | "6" | "8" | "12" | "16" | "24" | "40" | "full">> | undefined;
|
|
29
29
|
borderWidth?: "0" | "1" | "2" | "4" | "8" | Partial<Record<"b" | "x" | "y" | "t" | "r" | "l", "0" | "1" | "2" | "4" | "8">> | undefined;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { useState, useRef, useCallback, useEffect } from 'react';
|
|
2
2
|
import { slicedToArray as _slicedToArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
3
|
-
import {
|
|
3
|
+
import { CSS_ICON_COLOR_TOKENS_VALUES } from '../../constants/css_tokens/css_icon_color_tokens.js';
|
|
4
4
|
import { cn } from '../../utilities/cn.js';
|
|
5
5
|
import { Stack } from '../stack/stack.js';
|
|
6
6
|
import { LockLineIcon } from '../../assets/icons/lock_icon.js';
|
|
@@ -90,16 +90,16 @@ var ValuesSyncer = function ValuesSyncer(_ref) {
|
|
|
90
90
|
}, firstControl(firstValue, handleFirstControlChange), /*#__PURE__*/React.createElement("button", {
|
|
91
91
|
type: "button",
|
|
92
92
|
disabled: disableLockButton,
|
|
93
|
-
className: cn(locked ? 'aurora-bg-
|
|
93
|
+
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'),
|
|
94
94
|
onClick: function onClick() {
|
|
95
95
|
return handleLockedChange(!locked);
|
|
96
96
|
}
|
|
97
|
-
}, locked
|
|
97
|
+
}, locked ? (/*#__PURE__*/React.createElement(LockLineIcon, {
|
|
98
98
|
className: "aurora-h-4 aurora-w-4",
|
|
99
|
-
color:
|
|
99
|
+
color: !disableLockButton ? CSS_ICON_COLOR_TOKENS_VALUES.primary : CSS_ICON_COLOR_TOKENS_VALUES.subtle
|
|
100
100
|
})) : (/*#__PURE__*/React.createElement(LockUnlockLineIcon, {
|
|
101
101
|
className: "aurora-h-4 aurora-w-4",
|
|
102
|
-
color:
|
|
102
|
+
color: !disableLockButton ? CSS_ICON_COLOR_TOKENS_VALUES.base : CSS_ICON_COLOR_TOKENS_VALUES.subtle
|
|
103
103
|
}))), secondControl(secondValue, handleSecondControlChange));
|
|
104
104
|
};
|
|
105
105
|
|