@axis-ds/ui-react 1.2.1 → 1.3.0
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/dist/accordion/index.js +9 -1
- package/dist/accordion/index.mjs +2 -2
- package/dist/alert/index.js +9 -1
- package/dist/alert/index.mjs +2 -2
- package/dist/avatar/index.js +9 -1
- package/dist/avatar/index.mjs +2 -2
- package/dist/badge/index.js +9 -1
- package/dist/badge/index.mjs +2 -2
- package/dist/breadcrumb/index.js +9 -1
- package/dist/breadcrumb/index.mjs +2 -2
- package/dist/button/index.js +9 -1
- package/dist/button/index.mjs +2 -2
- package/dist/card/index.js +10 -2
- package/dist/card/index.mjs +2 -2
- package/dist/checkbox/index.js +9 -1
- package/dist/checkbox/index.mjs +2 -2
- package/dist/{chunk-3X4D5BY3.mjs → chunk-22MWNPDF.mjs} +1 -1
- package/dist/{chunk-6TRDXC4W.mjs → chunk-2OEPKE4D.mjs} +1 -1
- package/dist/{chunk-ECF2JRI5.mjs → chunk-2XNUJNTG.mjs} +1 -1
- package/dist/{chunk-XHILRI24.mjs → chunk-4I2F2NLP.mjs} +1 -1
- package/dist/{chunk-WZKK4HZL.mjs → chunk-4PT43LON.mjs} +1 -1
- package/dist/{chunk-SLQ756Q7.mjs → chunk-5NWFAQBM.mjs} +1 -1
- package/dist/{chunk-EDGX5DCD.mjs → chunk-5Z2R3IHJ.mjs} +1 -1
- package/dist/{chunk-YKZAU3UV.mjs → chunk-AY4B3RRN.mjs} +1 -1
- package/dist/{chunk-O5SM54HW.mjs → chunk-C5O47K7L.mjs} +2 -2
- package/dist/{chunk-HQJBSI2B.mjs → chunk-CNU6645Y.mjs} +1 -1
- package/dist/{chunk-IXLVGZWU.mjs → chunk-CY72AGI2.mjs} +2 -2
- package/dist/{chunk-FMXB7UCT.mjs → chunk-DRFCNDVQ.mjs} +1 -1
- package/dist/{chunk-AIZOU3L5.mjs → chunk-F2WSIT7F.mjs} +1 -1
- package/dist/{chunk-DMN6TZ5P.mjs → chunk-FZFREHAE.mjs} +1 -1
- package/dist/{chunk-WD72RERV.mjs → chunk-HKYKDQ6C.mjs} +1 -1
- package/dist/{chunk-SCH6SFLB.mjs → chunk-IS7NER3O.mjs} +1 -1
- package/dist/{chunk-MCAHPQTZ.mjs → chunk-MOBW7BKD.mjs} +1 -1
- package/dist/{chunk-4AWNSTZH.mjs → chunk-OQGMQL2A.mjs} +1 -1
- package/dist/{chunk-4JQWQF3H.mjs → chunk-PJX5UF3Y.mjs} +1 -1
- package/dist/{chunk-MARIIZN7.mjs → chunk-QXQWVRXN.mjs} +1 -1
- package/dist/{chunk-E2C7WDLA.mjs → chunk-RFB4IABR.mjs} +1 -1
- package/dist/{chunk-NEZK6NO5.mjs → chunk-SO2QSRGV.mjs} +1 -1
- package/dist/{chunk-5363AGDM.mjs → chunk-TA62Q7YX.mjs} +1 -1
- package/dist/{chunk-ZPMR6JNE.mjs → chunk-TB33GTWS.mjs} +1 -1
- package/dist/{chunk-KAIB45YN.mjs → chunk-YI5OZRUB.mjs} +1 -1
- package/dist/{chunk-QGLMN7PH.mjs → chunk-YZDRNV46.mjs} +1 -1
- package/dist/{chunk-WN4YFVP6.mjs → chunk-Z4P43F5J.mjs} +1 -1
- package/dist/{chunk-IVINZBZH.mjs → chunk-Z65ZMFDH.mjs} +1 -1
- package/dist/chunk-ZIF4PLK3.mjs +18 -0
- package/dist/{chunk-AEBHTW7E.mjs → chunk-ZW6GY5PO.mjs} +1 -1
- package/dist/command/index.js +9 -1
- package/dist/command/index.mjs +2 -2
- package/dist/dialog/index.js +10 -2
- package/dist/dialog/index.mjs +2 -2
- package/dist/dropdown-menu/index.js +9 -1
- package/dist/dropdown-menu/index.mjs +2 -2
- package/dist/index.js +11 -3
- package/dist/index.mjs +33 -33
- package/dist/input/index.js +9 -1
- package/dist/input/index.mjs +2 -2
- package/dist/label/index.js +9 -1
- package/dist/label/index.mjs +2 -2
- package/dist/popover/index.js +9 -1
- package/dist/popover/index.mjs +2 -2
- package/dist/progress/index.js +9 -1
- package/dist/progress/index.mjs +2 -2
- package/dist/radio-group/index.js +9 -1
- package/dist/radio-group/index.mjs +2 -2
- package/dist/scroll-area/index.js +9 -1
- package/dist/scroll-area/index.mjs +2 -2
- package/dist/select/index.js +9 -1
- package/dist/select/index.mjs +2 -2
- package/dist/separator/index.js +9 -1
- package/dist/separator/index.mjs +2 -2
- package/dist/sheet/index.d.mts +1 -1
- package/dist/sheet/index.d.ts +1 -1
- package/dist/sheet/index.js +9 -1
- package/dist/sheet/index.mjs +2 -2
- package/dist/skeleton/index.js +9 -1
- package/dist/skeleton/index.mjs +2 -2
- package/dist/slider/index.js +9 -1
- package/dist/slider/index.mjs +2 -2
- package/dist/switch/index.js +9 -1
- package/dist/switch/index.mjs +2 -2
- package/dist/table/index.js +9 -1
- package/dist/table/index.mjs +2 -2
- package/dist/tabs/index.js +9 -1
- package/dist/tabs/index.mjs +2 -2
- package/dist/textarea/index.js +9 -1
- package/dist/textarea/index.mjs +2 -2
- package/dist/toast/index.js +9 -1
- package/dist/toast/index.mjs +2 -2
- package/dist/toggle/index.js +9 -1
- package/dist/toggle/index.mjs +2 -2
- package/dist/tooltip/index.js +9 -1
- package/dist/tooltip/index.mjs +2 -2
- package/package.json +3 -2
- package/dist/chunk-PJO7WJ4G.mjs +0 -10
package/dist/accordion/index.js
CHANGED
|
@@ -42,8 +42,16 @@ var AccordionPrimitive = __toESM(require("@radix-ui/react-accordion"));
|
|
|
42
42
|
// src/utils.ts
|
|
43
43
|
var import_clsx = require("clsx");
|
|
44
44
|
var import_tailwind_merge = require("tailwind-merge");
|
|
45
|
+
var isArbitraryShadowWithHint = (value) => /^\[shadow:.+\]$/.test(value);
|
|
46
|
+
var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
|
|
47
|
+
extend: {
|
|
48
|
+
classGroups: {
|
|
49
|
+
shadow: [{ shadow: [isArbitraryShadowWithHint] }]
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
});
|
|
45
53
|
function cn(...inputs) {
|
|
46
|
-
return
|
|
54
|
+
return twMerge((0, import_clsx.clsx)(inputs));
|
|
47
55
|
}
|
|
48
56
|
|
|
49
57
|
// src/accordion/index.tsx
|
package/dist/accordion/index.mjs
CHANGED
package/dist/alert/index.js
CHANGED
|
@@ -42,8 +42,16 @@ var import_class_variance_authority = require("class-variance-authority");
|
|
|
42
42
|
// src/utils.ts
|
|
43
43
|
var import_clsx = require("clsx");
|
|
44
44
|
var import_tailwind_merge = require("tailwind-merge");
|
|
45
|
+
var isArbitraryShadowWithHint = (value) => /^\[shadow:.+\]$/.test(value);
|
|
46
|
+
var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
|
|
47
|
+
extend: {
|
|
48
|
+
classGroups: {
|
|
49
|
+
shadow: [{ shadow: [isArbitraryShadowWithHint] }]
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
});
|
|
45
53
|
function cn(...inputs) {
|
|
46
|
-
return
|
|
54
|
+
return twMerge((0, import_clsx.clsx)(inputs));
|
|
47
55
|
}
|
|
48
56
|
|
|
49
57
|
// src/alert/index.tsx
|
package/dist/alert/index.mjs
CHANGED
package/dist/avatar/index.js
CHANGED
|
@@ -40,8 +40,16 @@ var import_class_variance_authority = require("class-variance-authority");
|
|
|
40
40
|
// src/utils.ts
|
|
41
41
|
var import_clsx = require("clsx");
|
|
42
42
|
var import_tailwind_merge = require("tailwind-merge");
|
|
43
|
+
var isArbitraryShadowWithHint = (value) => /^\[shadow:.+\]$/.test(value);
|
|
44
|
+
var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
|
|
45
|
+
extend: {
|
|
46
|
+
classGroups: {
|
|
47
|
+
shadow: [{ shadow: [isArbitraryShadowWithHint] }]
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
});
|
|
43
51
|
function cn(...inputs) {
|
|
44
|
-
return
|
|
52
|
+
return twMerge((0, import_clsx.clsx)(inputs));
|
|
45
53
|
}
|
|
46
54
|
|
|
47
55
|
// src/avatar/index.tsx
|
package/dist/avatar/index.mjs
CHANGED
package/dist/badge/index.js
CHANGED
|
@@ -40,8 +40,16 @@ var import_class_variance_authority = require("class-variance-authority");
|
|
|
40
40
|
// src/utils.ts
|
|
41
41
|
var import_clsx = require("clsx");
|
|
42
42
|
var import_tailwind_merge = require("tailwind-merge");
|
|
43
|
+
var isArbitraryShadowWithHint = (value) => /^\[shadow:.+\]$/.test(value);
|
|
44
|
+
var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
|
|
45
|
+
extend: {
|
|
46
|
+
classGroups: {
|
|
47
|
+
shadow: [{ shadow: [isArbitraryShadowWithHint] }]
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
});
|
|
43
51
|
function cn(...inputs) {
|
|
44
|
-
return
|
|
52
|
+
return twMerge((0, import_clsx.clsx)(inputs));
|
|
45
53
|
}
|
|
46
54
|
|
|
47
55
|
// src/badge/index.tsx
|
package/dist/badge/index.mjs
CHANGED
package/dist/breadcrumb/index.js
CHANGED
|
@@ -45,8 +45,16 @@ var import_react_slot = require("@radix-ui/react-slot");
|
|
|
45
45
|
// src/utils.ts
|
|
46
46
|
var import_clsx = require("clsx");
|
|
47
47
|
var import_tailwind_merge = require("tailwind-merge");
|
|
48
|
+
var isArbitraryShadowWithHint = (value) => /^\[shadow:.+\]$/.test(value);
|
|
49
|
+
var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
|
|
50
|
+
extend: {
|
|
51
|
+
classGroups: {
|
|
52
|
+
shadow: [{ shadow: [isArbitraryShadowWithHint] }]
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
});
|
|
48
56
|
function cn(...inputs) {
|
|
49
|
-
return
|
|
57
|
+
return twMerge((0, import_clsx.clsx)(inputs));
|
|
50
58
|
}
|
|
51
59
|
|
|
52
60
|
// src/breadcrumb/index.tsx
|
package/dist/button/index.js
CHANGED
|
@@ -41,8 +41,16 @@ var import_class_variance_authority = require("class-variance-authority");
|
|
|
41
41
|
// src/utils.ts
|
|
42
42
|
var import_clsx = require("clsx");
|
|
43
43
|
var import_tailwind_merge = require("tailwind-merge");
|
|
44
|
+
var isArbitraryShadowWithHint = (value) => /^\[shadow:.+\]$/.test(value);
|
|
45
|
+
var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
|
|
46
|
+
extend: {
|
|
47
|
+
classGroups: {
|
|
48
|
+
shadow: [{ shadow: [isArbitraryShadowWithHint] }]
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
});
|
|
44
52
|
function cn(...inputs) {
|
|
45
|
-
return
|
|
53
|
+
return twMerge((0, import_clsx.clsx)(inputs));
|
|
46
54
|
}
|
|
47
55
|
|
|
48
56
|
// src/button/index.tsx
|
package/dist/button/index.mjs
CHANGED
package/dist/card/index.js
CHANGED
|
@@ -43,8 +43,16 @@ var React = __toESM(require("react"));
|
|
|
43
43
|
// src/utils.ts
|
|
44
44
|
var import_clsx = require("clsx");
|
|
45
45
|
var import_tailwind_merge = require("tailwind-merge");
|
|
46
|
+
var isArbitraryShadowWithHint = (value) => /^\[shadow:.+\]$/.test(value);
|
|
47
|
+
var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
|
|
48
|
+
extend: {
|
|
49
|
+
classGroups: {
|
|
50
|
+
shadow: [{ shadow: [isArbitraryShadowWithHint] }]
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
});
|
|
46
54
|
function cn(...inputs) {
|
|
47
|
-
return
|
|
55
|
+
return twMerge((0, import_clsx.clsx)(inputs));
|
|
48
56
|
}
|
|
49
57
|
|
|
50
58
|
// src/card/index.tsx
|
|
@@ -55,7 +63,7 @@ var Card = React.forwardRef(
|
|
|
55
63
|
{
|
|
56
64
|
ref,
|
|
57
65
|
className: cn(
|
|
58
|
-
"rounded-lg border bg-[var(--axis-card-bg-default)] border-[var(--axis-card-border-default)] shadow-
|
|
66
|
+
"rounded-lg border bg-[var(--axis-card-bg-default)] border-[var(--axis-card-border-default)] shadow-[shadow:var(--axis-card-shadow)]",
|
|
59
67
|
className
|
|
60
68
|
),
|
|
61
69
|
...props
|
package/dist/card/index.mjs
CHANGED
package/dist/checkbox/index.js
CHANGED
|
@@ -39,8 +39,16 @@ var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"));
|
|
|
39
39
|
// src/utils.ts
|
|
40
40
|
var import_clsx = require("clsx");
|
|
41
41
|
var import_tailwind_merge = require("tailwind-merge");
|
|
42
|
+
var isArbitraryShadowWithHint = (value) => /^\[shadow:.+\]$/.test(value);
|
|
43
|
+
var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
|
|
44
|
+
extend: {
|
|
45
|
+
classGroups: {
|
|
46
|
+
shadow: [{ shadow: [isArbitraryShadowWithHint] }]
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
});
|
|
42
50
|
function cn(...inputs) {
|
|
43
|
-
return
|
|
51
|
+
return twMerge((0, import_clsx.clsx)(inputs));
|
|
44
52
|
}
|
|
45
53
|
|
|
46
54
|
// src/checkbox/index.tsx
|
package/dist/checkbox/index.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
cn
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-ZIF4PLK3.mjs";
|
|
4
4
|
|
|
5
5
|
// src/card/index.tsx
|
|
6
6
|
import * as React from "react";
|
|
@@ -11,7 +11,7 @@ var Card = React.forwardRef(
|
|
|
11
11
|
{
|
|
12
12
|
ref,
|
|
13
13
|
className: cn(
|
|
14
|
-
"rounded-lg border bg-[var(--axis-card-bg-default)] border-[var(--axis-card-border-default)] shadow-
|
|
14
|
+
"rounded-lg border bg-[var(--axis-card-bg-default)] border-[var(--axis-card-border-default)] shadow-[shadow:var(--axis-card-shadow)]",
|
|
15
15
|
className
|
|
16
16
|
),
|
|
17
17
|
...props
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import {
|
|
2
2
|
cn
|
|
3
|
-
} from "./chunk-
|
|
3
|
+
} from "./chunk-ZIF4PLK3.mjs";
|
|
4
4
|
|
|
5
5
|
// src/dialog/index.tsx
|
|
6
6
|
import * as React from "react";
|
|
@@ -29,7 +29,7 @@ var DialogContent = React.forwardRef(({ className, children, ...props }, ref) =>
|
|
|
29
29
|
{
|
|
30
30
|
ref,
|
|
31
31
|
className: cn(
|
|
32
|
-
"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200",
|
|
32
|
+
"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-[shadow:var(--axis-shadow-lg)] duration-200",
|
|
33
33
|
"bg-[var(--axis-dialog-content-bg)] border-[var(--axis-dialog-content-border)]",
|
|
34
34
|
"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
|
|
35
35
|
"sm:rounded-lg",
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
// src/utils.ts
|
|
2
|
+
import { clsx } from "clsx";
|
|
3
|
+
import { extendTailwindMerge } from "tailwind-merge";
|
|
4
|
+
var isArbitraryShadowWithHint = (value) => /^\[shadow:.+\]$/.test(value);
|
|
5
|
+
var twMerge = extendTailwindMerge({
|
|
6
|
+
extend: {
|
|
7
|
+
classGroups: {
|
|
8
|
+
shadow: [{ shadow: [isArbitraryShadowWithHint] }]
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
function cn(...inputs) {
|
|
13
|
+
return twMerge(clsx(inputs));
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
export {
|
|
17
|
+
cn
|
|
18
|
+
};
|
package/dist/command/index.js
CHANGED
|
@@ -45,8 +45,16 @@ var import_cmdk = require("cmdk");
|
|
|
45
45
|
// src/utils.ts
|
|
46
46
|
var import_clsx = require("clsx");
|
|
47
47
|
var import_tailwind_merge = require("tailwind-merge");
|
|
48
|
+
var isArbitraryShadowWithHint = (value) => /^\[shadow:.+\]$/.test(value);
|
|
49
|
+
var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
|
|
50
|
+
extend: {
|
|
51
|
+
classGroups: {
|
|
52
|
+
shadow: [{ shadow: [isArbitraryShadowWithHint] }]
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
});
|
|
48
56
|
function cn(...inputs) {
|
|
49
|
-
return
|
|
57
|
+
return twMerge((0, import_clsx.clsx)(inputs));
|
|
50
58
|
}
|
|
51
59
|
|
|
52
60
|
// src/command/index.tsx
|
package/dist/command/index.mjs
CHANGED
package/dist/dialog/index.js
CHANGED
|
@@ -48,8 +48,16 @@ var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"));
|
|
|
48
48
|
// src/utils.ts
|
|
49
49
|
var import_clsx = require("clsx");
|
|
50
50
|
var import_tailwind_merge = require("tailwind-merge");
|
|
51
|
+
var isArbitraryShadowWithHint = (value) => /^\[shadow:.+\]$/.test(value);
|
|
52
|
+
var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
|
|
53
|
+
extend: {
|
|
54
|
+
classGroups: {
|
|
55
|
+
shadow: [{ shadow: [isArbitraryShadowWithHint] }]
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
});
|
|
51
59
|
function cn(...inputs) {
|
|
52
|
-
return
|
|
60
|
+
return twMerge((0, import_clsx.clsx)(inputs));
|
|
53
61
|
}
|
|
54
62
|
|
|
55
63
|
// src/dialog/index.tsx
|
|
@@ -77,7 +85,7 @@ var DialogContent = React.forwardRef(({ className, children, ...props }, ref) =>
|
|
|
77
85
|
{
|
|
78
86
|
ref,
|
|
79
87
|
className: cn(
|
|
80
|
-
"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200",
|
|
88
|
+
"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-[shadow:var(--axis-shadow-lg)] duration-200",
|
|
81
89
|
"bg-[var(--axis-dialog-content-bg)] border-[var(--axis-dialog-content-border)]",
|
|
82
90
|
"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
|
|
83
91
|
"sm:rounded-lg",
|
package/dist/dialog/index.mjs
CHANGED
|
@@ -53,8 +53,16 @@ var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
|
|
|
53
53
|
// src/utils.ts
|
|
54
54
|
var import_clsx = require("clsx");
|
|
55
55
|
var import_tailwind_merge = require("tailwind-merge");
|
|
56
|
+
var isArbitraryShadowWithHint = (value) => /^\[shadow:.+\]$/.test(value);
|
|
57
|
+
var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
|
|
58
|
+
extend: {
|
|
59
|
+
classGroups: {
|
|
60
|
+
shadow: [{ shadow: [isArbitraryShadowWithHint] }]
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
});
|
|
56
64
|
function cn(...inputs) {
|
|
57
|
-
return
|
|
65
|
+
return twMerge((0, import_clsx.clsx)(inputs));
|
|
58
66
|
}
|
|
59
67
|
|
|
60
68
|
// src/dropdown-menu/index.tsx
|