@dreamcommerce/aurora 3.1.11 → 3.1.13
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/text_area/text_area.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/text_area/text_area.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/index.css +1 -1
- package/package.json +1 -1
|
@@ -36,7 +36,7 @@ var TextArea = /*#__PURE__*/React__default['default'].forwardRef(function (_ref,
|
|
|
36
36
|
onChange: onChange,
|
|
37
37
|
onKeyDown: onKeyDown,
|
|
38
38
|
onKeyUp: onKeyUp,
|
|
39
|
-
className: cn.cn('aurora-rounded-6 aurora-h-[72px] focus aurora-border aurora-bg aurora-text-s aurora-placeholder-neutral-500 aurora-text aurora-px-3 aurora-py-2 hover:aurora-border-
|
|
39
|
+
className: cn.cn('aurora-rounded-6 aurora-h-[72px] focus aurora-border aurora-bg aurora-text-s aurora-placeholder-neutral-500 aurora-text aurora-px-3 aurora-py-2 aurora-border-strong hover:aurora-border-extraStrong active:aurora-border-active disabled:aurora-opacity-50 aurora-w-full', {
|
|
40
40
|
'aurora-border-danger': !!(errors !== null && errors !== void 0 && errors.length),
|
|
41
41
|
'aurora-bg-subtle aurora-text-subtle-light aurora-pointer-events-none aurora-cursor-not-allowed': disabled
|
|
42
42
|
}, className)
|
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}
|
|
@@ -28,7 +28,7 @@ var TextArea = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
28
28
|
onChange: onChange,
|
|
29
29
|
onKeyDown: onKeyDown,
|
|
30
30
|
onKeyUp: onKeyUp,
|
|
31
|
-
className: cn('aurora-rounded-6 aurora-h-[72px] focus aurora-border aurora-bg aurora-text-s aurora-placeholder-neutral-500 aurora-text aurora-px-3 aurora-py-2 hover:aurora-border-
|
|
31
|
+
className: cn('aurora-rounded-6 aurora-h-[72px] focus aurora-border aurora-bg aurora-text-s aurora-placeholder-neutral-500 aurora-text aurora-px-3 aurora-py-2 aurora-border-strong hover:aurora-border-extraStrong active:aurora-border-active disabled:aurora-opacity-50 aurora-w-full', {
|
|
32
32
|
'aurora-border-danger': !!(errors !== null && errors !== void 0 && errors.length),
|
|
33
33
|
'aurora-bg-subtle aurora-text-subtle-light aurora-pointer-events-none aurora-cursor-not-allowed': disabled
|
|
34
34
|
}, className)
|
|
@@ -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";
|