@dreamcommerce/aurora 3.1.10 → 3.1.12
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/image_picker/image_picker.js +1 -1
- package/build/cjs/packages/aurora/src/components/input/input_variants.js +1 -1
- package/build/cjs/packages/aurora/src/components/select/components/select_trigger.js +1 -1
- package/build/cjs/packages/aurora/src/constants/css_tokens/css_color_tokens_values.js +1 -1
- package/build/css_tokens.css +1 -1
- package/build/esm/packages/aurora/src/components/image_picker/image_picker.js +1 -1
- package/build/esm/packages/aurora/src/components/input/input_variants.js +1 -1
- package/build/esm/packages/aurora/src/components/select/components/select_trigger.js +1 -1
- package/build/esm/packages/aurora/src/constants/css_tokens/css_color_tokens_values.d.ts +1 -1
- package/build/esm/packages/aurora/src/constants/css_tokens/css_color_tokens_values.js +1 -1
- package/build/esm/packages/aurora/src/constants/css_tokens/css_icon_color_tokens.d.ts +1 -1
- package/build/index.css +1 -1
- package/package.json +1 -1
|
@@ -120,7 +120,7 @@ var ImagePicker = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function
|
|
|
120
120
|
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
121
121
|
className: "aurora-mb-1"
|
|
122
122
|
}, /*#__PURE__*/React__default['default'].createElement("button", {
|
|
123
|
-
className: cn.cn('aurora-block aurora-w-full aurora-rounded-8 aurora-relative hover:aurora-border-
|
|
123
|
+
className: cn.cn('aurora-block aurora-w-full aurora-rounded-8 aurora-relative aurora-border-strong hover:aurora-border-extraStrong focus-visible:aurora-border-active focus-visible:aurora-outline-none', {
|
|
124
124
|
'aurora-border aurora-border-dashed': !(errors && errors.length > 0 && !isDragOver),
|
|
125
125
|
'aurora-border-2 aurora-border-danger aurora-border-solid hover:aurora-border-danger focus-visible:aurora-border-danger': errors && errors.length > 0,
|
|
126
126
|
'aurora-border-transparent hover:aurora-border-transparent focus-visible:aurora-border-transparent': isDragOver
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var index = require('../../../../../external/class-variance-authority/dist/index.mjs.js');
|
|
6
6
|
|
|
7
|
-
var inputVariants = index.cva('aurora-relative aurora-flex aurora-items-center aurora-rounded-6 focus aurora-border aurora-bg aurora-text-s aurora-placeholder-neutral-500 aurora-text hover:aurora-border-
|
|
7
|
+
var inputVariants = index.cva('aurora-relative aurora-flex aurora-items-center aurora-rounded-6 focus aurora-border aurora-bg aurora-text-s aurora-placeholder-neutral-500 aurora-text aurora-border-strong hover:aurora-border-extraStrong active:aurora-border-active disabled:aurora-opacity-50 aurora-w-full');
|
|
8
8
|
|
|
9
9
|
exports.inputVariants = inputVariants;
|
|
10
10
|
//# sourceMappingURL=input_variants.js.map
|
|
@@ -21,7 +21,7 @@ var SelectTrigger = /*#__PURE__*/React__default['default'].forwardRef(function (
|
|
|
21
21
|
props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
|
22
22
|
return /*#__PURE__*/React__default['default'].createElement(SelectPrimitive.Trigger, _rollupPluginBabelHelpers.objectSpread2({
|
|
23
23
|
ref: ref,
|
|
24
|
-
className: cn.cn('aurora-flex aurora-h-10 aurora-w-full aurora-items-center aurora-justify-between aurora-rounded-8 aurora-border aurora-border-input aurora-bg-neutral-0 aurora-px-3 aurora-py-2 aurora-text-s hover:aurora-border-
|
|
24
|
+
className: cn.cn('aurora-flex aurora-h-10 aurora-w-full aurora-items-center aurora-justify-between aurora-rounded-8 aurora-border aurora-border-input aurora-bg-neutral-0 aurora-px-3 aurora-py-2 aurora-text-s aurora-border-strong hover:aurora-border-extraStrong focus-visible:focus disabled:aurora-cursor-not-allowed disabled:aurora-bg-subtle disabled:aurora-text-subtle-light disabled:aurora-border-subtle [&>span]:aurora-text-ellipsis [&>span]:aurora-whitespace-nowrap [&>span]:aurora-overflow-hidden focus-visible:aurora-border-active -visible:aurora-border-2 data-[state=open]:aurora-border-active data-[state=open]:aurora-border-2', {
|
|
25
25
|
'!aurora-border-danger aurora-border-2': hasError
|
|
26
26
|
}, className)
|
|
27
27
|
}, props), children, /*#__PURE__*/React__default['default'].createElement("div", {
|
package/build/css_tokens.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--a-font-weight-normal:400;--a-font-weight-medium:500;--a-font-weight-semibold:600;--a-font-weight-bold:700;--a-font-weight-extrabold:800;--a-font-size-xs:calc((var(--a-base-font-size) - 4)/var(--a-base-font-size)*1rem);--a-font-size-s:calc((var(--a-base-font-size) - 2)/var(--a-base-font-size)*1rem);--a-font-size-base:calc(var(--a-base-font-size)/var(--a-base-font-size)*1rem);--a-font-size-lg:calc((var(--a-base-font-size) + 2)/var(--a-base-font-size)*1rem);--a-font-size-xl:calc((var(--a-base-font-size) + 4)/var(--a-base-font-size)*1rem);--a-font-size-2xl:calc((var(--a-base-font-size) + 8)/var(--a-base-font-size)*1rem);--a-font-size-3xl:calc((var(--a-base-font-size) + 16)/var(--a-base-font-size)*1rem);--a-font-size-4xl:calc((var(--a-base-font-size) + 20)/var(--a-base-font-size)*1rem);--a-font-size-5xl:calc((var(--a-base-font-size) + 24)/var(--a-base-font-size)*1rem);--a-font-size-6xl:calc((var(--a-base-font-size) + 32)/var(--a-base-font-size)*1rem);--a-line-height-xs:calc((var(--a-base-line-height) - 6)/var(--a-base-font-size)*1rem);--a-line-height-s:calc((var(--a-base-line-height) - 2)/var(--a-base-font-size)*1rem);--a-line-height-base:calc(var(--a-base-line-height)/var(--a-base-font-size)*1rem);--a-line-height-lg:calc((var(--a-base-line-height) + 2)/var(--a-base-font-size)*1rem);--a-line-height-xl:calc((var(--a-base-line-height) + 2)/var(--a-base-font-size)*1rem);--a-line-height-2xl:calc((var(--a-base-line-height) + 6)/var(--a-base-font-size)*1rem);--a-line-height-3xl:calc((var(--a-base-line-height) + 16)/var(--a-base-font-size)*1rem);--a-line-height-4xl:calc((var(--a-base-line-height) + 20)/var(--a-base-font-size)*1rem);--a-line-height-5xl:calc((var(--a-base-line-height) + 24)/var(--a-base-font-size)*1rem);--a-line-height-6xl:calc((var(--a-base-line-height) + 30)/var(--a-base-font-size)*1rem);--a-letter-spacing-4xs:-0.03rem;--a-letter-spacing-3xs:-0.025rem;--a-letter-spacing-2xs:-0.0.01125rem;--a-letter-spacing-xs:-0.01rem;--a-letter-spacing-s:-0.0075rem;--a-letter-spacing-base:0;--a-letter-spacing-md:0.04rem;--a-brand-50:#f0f6ff;--a-brand-200:#e7ebfe;--a-brand-300:#cbd4fb;--a-brand-500:#002fff;--a-brand-700:#0925a1;--a-brand-800:#02047a;--a-brand-900:#000a38;--a-brand-helpful-500:#ffea00;--a-neutral-0:#fff;--a-neutral-50:#f5f6fa;--a-neutral-100:#f0f1f5;--a-neutral-200:#e6e7eb;--a-neutral-500:#cbcdd1;--a-neutral-600:#9799a2;--a-neutral-700:#72747e;--a-neutral-800:#484950;--a-neutral-900:#03081c;--a-green-50:#ebfaf3;--a-green-100:#ceebdd;--a-green-300:#a7d1bd;--a-green-500:#24b26f;--a-green-600:#1e9c61;--a-green-700:#147346;--a-green-900:#054024;--a-red-50:#faebec;--a-red-100:#ebced0;--a-red-300:#d1a7a9;--a-red-500:#
|
|
1
|
+
:root{--a-font-weight-normal:400;--a-font-weight-medium:500;--a-font-weight-semibold:600;--a-font-weight-bold:700;--a-font-weight-extrabold:800;--a-font-size-xs:calc((var(--a-base-font-size) - 4)/var(--a-base-font-size)*1rem);--a-font-size-s:calc((var(--a-base-font-size) - 2)/var(--a-base-font-size)*1rem);--a-font-size-base:calc(var(--a-base-font-size)/var(--a-base-font-size)*1rem);--a-font-size-lg:calc((var(--a-base-font-size) + 2)/var(--a-base-font-size)*1rem);--a-font-size-xl:calc((var(--a-base-font-size) + 4)/var(--a-base-font-size)*1rem);--a-font-size-2xl:calc((var(--a-base-font-size) + 8)/var(--a-base-font-size)*1rem);--a-font-size-3xl:calc((var(--a-base-font-size) + 16)/var(--a-base-font-size)*1rem);--a-font-size-4xl:calc((var(--a-base-font-size) + 20)/var(--a-base-font-size)*1rem);--a-font-size-5xl:calc((var(--a-base-font-size) + 24)/var(--a-base-font-size)*1rem);--a-font-size-6xl:calc((var(--a-base-font-size) + 32)/var(--a-base-font-size)*1rem);--a-line-height-xs:calc((var(--a-base-line-height) - 6)/var(--a-base-font-size)*1rem);--a-line-height-s:calc((var(--a-base-line-height) - 2)/var(--a-base-font-size)*1rem);--a-line-height-base:calc(var(--a-base-line-height)/var(--a-base-font-size)*1rem);--a-line-height-lg:calc((var(--a-base-line-height) + 2)/var(--a-base-font-size)*1rem);--a-line-height-xl:calc((var(--a-base-line-height) + 2)/var(--a-base-font-size)*1rem);--a-line-height-2xl:calc((var(--a-base-line-height) + 6)/var(--a-base-font-size)*1rem);--a-line-height-3xl:calc((var(--a-base-line-height) + 16)/var(--a-base-font-size)*1rem);--a-line-height-4xl:calc((var(--a-base-line-height) + 20)/var(--a-base-font-size)*1rem);--a-line-height-5xl:calc((var(--a-base-line-height) + 24)/var(--a-base-font-size)*1rem);--a-line-height-6xl:calc((var(--a-base-line-height) + 30)/var(--a-base-font-size)*1rem);--a-letter-spacing-4xs:-0.03rem;--a-letter-spacing-3xs:-0.025rem;--a-letter-spacing-2xs:-0.0.01125rem;--a-letter-spacing-xs:-0.01rem;--a-letter-spacing-s:-0.0075rem;--a-letter-spacing-base:0;--a-letter-spacing-md:0.04rem;--a-brand-50:#f0f6ff;--a-brand-200:#e7ebfe;--a-brand-300:#cbd4fb;--a-brand-500:#002fff;--a-brand-700:#0925a1;--a-brand-800:#02047a;--a-brand-900:#000a38;--a-brand-helpful-500:#ffea00;--a-neutral-0:#fff;--a-neutral-50:#f5f6fa;--a-neutral-100:#f0f1f5;--a-neutral-200:#e6e7eb;--a-neutral-500:#cbcdd1;--a-neutral-600:#9799a2;--a-neutral-700:#72747e;--a-neutral-800:#484950;--a-neutral-900:#03081c;--a-green-50:#ebfaf3;--a-green-100:#ceebdd;--a-green-300:#a7d1bd;--a-green-500:#24b26f;--a-green-600:#1e9c61;--a-green-700:#147346;--a-green-900:#054024;--a-red-50:#faebec;--a-red-100:#ebced0;--a-red-300:#d1a7a9;--a-red-500:#db383f;--a-red-600:#9c1e24;--a-red-700:#731418;--a-red-900:#400508;--a-yellow-50:#faf6eb;--a-yellow-100:#ebe4ce;--a-yellow-300:#d1c7a7;--a-yellow-500:#f2c533;--a-yellow-600:#9c7f1e;--a-yellow-700:#735d14;--a-yellow-900:#403205;--a-blue-50:#ebf4fa;--a-blue-100:#cedfeb;--a-blue-300:#a7c0d1;--a-blue-500:#33a2f2;--a-blue-600:#1e689c;--a-blue-700:#185480;--a-blue-900:#052740;--a-light-transparent-5:#ffffff0d;--a-light-transparent-10:#ffffff1a;--a-light-transparent-15:#ffffff26;--a-light-transparent-20:#ffffff33;--a-light-transparent-50:#ffffff80;--a-light-transparent-70:#ffffffb2;--a-dark-transparent-5:#03081c0d;--a-dark-transparent-10:#03081c1a;--a-dark-transparent-15:#03081c26;--a-dark-transparent-20:#03081c33;--a-dark-transparent-70:#03081cb2;--a-brand-transparent-10:#002fff1a;--a-brand-transparent-20:#002fff33;--a-brand-transparent-50:#002fff80;--a-base-border-radius:var(--a-base-font-size);--a-border-radius-0:calc((var(--a-base-font-size) - 16)/var(--a-base-font-size)*1rem);--a-border-radius-2:calc((var(--a-base-font-size) - 14)/var(--a-base-font-size)*1rem);--a-border-radius-4:calc((var(--a-base-font-size) - 12)/var(--a-base-font-size)*1rem);--a-border-radius-6:calc((var(--a-base-font-size) - 10)/var(--a-base-font-size)*1rem);--a-border-radius-8:calc((var(--a-base-font-size) - 8)/var(--a-base-font-size)*1rem);--a-border-radius-12:calc((var(--a-base-font-size) - 4)/var(--a-base-font-size)*1rem);--a-border-radius-16:calc(var(--a-base-font-size)/var(--a-base-font-size)*1rem);--a-border-radius-20:calc((var(--a-base-font-size) + 4)/var(--a-base-font-size)*1rem);--a-border-radius-24:calc((var(--a-base-font-size) + 8)/var(--a-base-font-size)*1rem);--a-border-radius-32:calc((var(--a-base-font-size) + 16)/var(--a-base-font-size)*1rem);--a-border-radius-40:calc((var(--a-base-font-size) + 24)/var(--a-base-font-size)*1rem);--a-border-radius-full:9999px;--a-box-shadow-s:0px 1px 6px -1px rgba(3,8,28,.04);--a-box-shadow-m:0px 8px 16px -4px rgba(3,8,28,.04);--a-box-shadow-l:0px 20px 20px -4px rgba(3,8,28,.04);--a-box-shadow-xl:0px 32px 48px -10px rgba(3,8,28,.04);--a-box-shadow-s-inverse:0px -1px 6px -1px rgba(3,8,28,.04);--a-box-shadow-m-inverse:0px -8px 16px -4px rgba(3,8,28,.04);--a-box-shadow-l-inverse:0px -20px 20px -4px rgba(3,8,28,.04);--a-box-shadow-color:rgba(3,8,28,.04);--a-toast-viewport-padding:16px}
|
|
@@ -112,7 +112,7 @@ var ImagePicker = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(function (_ref, ref)
|
|
|
112
112
|
return /*#__PURE__*/React.createElement("div", {
|
|
113
113
|
className: "aurora-mb-1"
|
|
114
114
|
}, /*#__PURE__*/React.createElement("button", {
|
|
115
|
-
className: cn('aurora-block aurora-w-full aurora-rounded-8 aurora-relative hover:aurora-border-
|
|
115
|
+
className: cn('aurora-block aurora-w-full aurora-rounded-8 aurora-relative aurora-border-strong hover:aurora-border-extraStrong focus-visible:aurora-border-active focus-visible:aurora-outline-none', {
|
|
116
116
|
'aurora-border aurora-border-dashed': !(errors && errors.length > 0 && !isDragOver),
|
|
117
117
|
'aurora-border-2 aurora-border-danger aurora-border-solid hover:aurora-border-danger focus-visible:aurora-border-danger': errors && errors.length > 0,
|
|
118
118
|
'aurora-border-transparent hover:aurora-border-transparent focus-visible:aurora-border-transparent': isDragOver
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { cva } from '../../../../../external/class-variance-authority/dist/index.mjs.js';
|
|
2
2
|
|
|
3
|
-
var inputVariants = cva('aurora-relative aurora-flex aurora-items-center aurora-rounded-6 focus aurora-border aurora-bg aurora-text-s aurora-placeholder-neutral-500 aurora-text hover:aurora-border-
|
|
3
|
+
var inputVariants = cva('aurora-relative aurora-flex aurora-items-center aurora-rounded-6 focus aurora-border aurora-bg aurora-text-s aurora-placeholder-neutral-500 aurora-text aurora-border-strong hover:aurora-border-extraStrong active:aurora-border-active disabled:aurora-opacity-50 aurora-w-full');
|
|
4
4
|
|
|
5
5
|
export { inputVariants };
|
|
6
6
|
//# sourceMappingURL=input_variants.js.map
|
|
@@ -13,7 +13,7 @@ var SelectTrigger = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
13
13
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
14
14
|
return /*#__PURE__*/React.createElement(Trigger, _objectSpread2({
|
|
15
15
|
ref: ref,
|
|
16
|
-
className: cn('aurora-flex aurora-h-10 aurora-w-full aurora-items-center aurora-justify-between aurora-rounded-8 aurora-border aurora-border-input aurora-bg-neutral-0 aurora-px-3 aurora-py-2 aurora-text-s hover:aurora-border-
|
|
16
|
+
className: cn('aurora-flex aurora-h-10 aurora-w-full aurora-items-center aurora-justify-between aurora-rounded-8 aurora-border aurora-border-input aurora-bg-neutral-0 aurora-px-3 aurora-py-2 aurora-text-s aurora-border-strong hover:aurora-border-extraStrong focus-visible:focus disabled:aurora-cursor-not-allowed disabled:aurora-bg-subtle disabled:aurora-text-subtle-light disabled:aurora-border-subtle [&>span]:aurora-text-ellipsis [&>span]:aurora-whitespace-nowrap [&>span]:aurora-overflow-hidden focus-visible:aurora-border-active -visible:aurora-border-2 data-[state=open]:aurora-border-active data-[state=open]:aurora-border-2', {
|
|
17
17
|
'!aurora-border-danger aurora-border-2': hasError
|
|
18
18
|
}, className)
|
|
19
19
|
}, props), children, /*#__PURE__*/React.createElement("div", {
|
|
@@ -24,7 +24,7 @@ export declare const CSS_COLOR_TOKENS_VALUES: {
|
|
|
24
24
|
readonly red50: "#FAEBEC";
|
|
25
25
|
readonly red100: "#EBCED0";
|
|
26
26
|
readonly red300: "#D1A7A9";
|
|
27
|
-
readonly red500: "#
|
|
27
|
+
readonly red500: "#DB383F";
|
|
28
28
|
readonly red600: "#9C1E24";
|
|
29
29
|
readonly red700: "#731418";
|
|
30
30
|
readonly red900: "#400508";
|
|
@@ -27,7 +27,7 @@ export declare const CSS_ICON_COLOR_TOKENS_VALUES: {
|
|
|
27
27
|
readonly primaryStrong: "#02047A";
|
|
28
28
|
readonly success: "#24B26F";
|
|
29
29
|
readonly successStrong: "#147346";
|
|
30
|
-
readonly danger: "#
|
|
30
|
+
readonly danger: "#DB383F";
|
|
31
31
|
readonly dangerStrong: "#731418";
|
|
32
32
|
readonly warning: "#F2C533";
|
|
33
33
|
readonly warningStrong: "#735D14";
|