@dreamcommerce/aurora 3.1.19 → 3.1.20
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/anchor_presets/anchor_button.js +1 -1
- package/build/esm/packages/aurora/src/components/accordion/components/accordion_trigger.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/anchor_presets/anchor_button.js +1 -1
- package/build/esm/packages/aurora/src/components/box/box.d.ts +1 -1
- package/package.json +1 -1
|
@@ -16,7 +16,7 @@ var AnchorButton = function AnchorButton(_ref) {
|
|
|
16
16
|
onChange = _ref.onChange;
|
|
17
17
|
return /*#__PURE__*/React__default['default'].createElement("button", {
|
|
18
18
|
type: "button",
|
|
19
|
-
className: cn.cn('aurora-w-6 aurora-h-6 aurora-border aurora-rounded-6 aurora-bg-subtle hover:aurora-border-2 hover:aurora-border-
|
|
19
|
+
className: cn.cn('aurora-w-6 aurora-h-6 aurora-border aurora-border-strong aurora-rounded-6 aurora-bg-subtle hover:aurora-border-2 hover:aurora-border-extraStrong focus-visible:focus focus-visible:aurora-ring-primary-action-hover', selected && 'aurora-bg-primary-action-hover aurora-border-2 aurora-border-primary hover:aurora-border-primary', className),
|
|
20
20
|
onClick: function onClick() {
|
|
21
21
|
return onChange(position);
|
|
22
22
|
}
|
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" | "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;
|
|
4
|
+
backgroundColor?: "hover" | "active" | "subtle" | "subtle-strong" | "workspace" | "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;
|
|
@@ -8,7 +8,7 @@ var AnchorButton = function AnchorButton(_ref) {
|
|
|
8
8
|
onChange = _ref.onChange;
|
|
9
9
|
return /*#__PURE__*/React.createElement("button", {
|
|
10
10
|
type: "button",
|
|
11
|
-
className: cn('aurora-w-6 aurora-h-6 aurora-border aurora-rounded-6 aurora-bg-subtle hover:aurora-border-2 hover:aurora-border-
|
|
11
|
+
className: cn('aurora-w-6 aurora-h-6 aurora-border aurora-border-strong aurora-rounded-6 aurora-bg-subtle hover:aurora-border-2 hover:aurora-border-extraStrong focus-visible:focus focus-visible:aurora-ring-primary-action-hover', selected && 'aurora-bg-primary-action-hover aurora-border-2 aurora-border-primary hover:aurora-border-primary', className),
|
|
12
12
|
onClick: function onClick() {
|
|
13
13
|
return onChange(position);
|
|
14
14
|
}
|
|
@@ -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" | "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;
|
|
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" | "workspace" | "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;
|