mainstack-design-system 1.16.4 → 1.16.6
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/assets/styles.css +1 -1
- package/dist/mainstack-design-system406.cjs +3 -3
- package/dist/mainstack-design-system406.js +3 -3
- package/dist/mainstack-design-system540.cjs +1 -1
- package/dist/mainstack-design-system540.js +10 -10
- package/dist/mainstack-design-system550.cjs +1 -1
- package/dist/mainstack-design-system550.js +5 -5
- package/package.json +1 -1
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CAgJYdlN.cjs"),s=e.cva(`mds:group/buttonroot mds:inline-flex mds:items-center mds:justify-center mds:cursor-pointer mds:gap-4 mds:body-extrasmall-medium
|
|
2
2
|
mds:active:transition-transform mds:ease-out-cubic mds:duration-150 mds:active:scale-[0.85] mds:focus:transition-background mds:focus:ease-out
|
|
3
3
|
mds:focus-visible:ring-2 mds:focus-visible:ring-border-interactive-info-light-focused mds:disabled:cursor-not-allowed`,{variants:{status:{default:"",warning:"",success:"",error:"",info:""},variant:{special:"",primary:"",secondary:"",outline:"",ghost:""},size:{tiny:"mds:body-tiny-medium mds:h-30 mds:p-6",xs:"mds:h-36 mds:px-14 mds:py-8",sm:"mds:h-40 mds:p-16",md:"mds:h-48 mds:px-16 mds:py-12",lg:"mds:h-56 mds:p-16"},rounded:{sm:"mds:rounded-full",md:"mds:rounded-10"}},compoundVariants:[{status:"default",variant:"special",class:`mds:bg-content-special mds:text-on-primary mds:shadow-special-button-default
|
|
4
|
-
mds:border-
|
|
5
|
-
mds:hover:bg-content-special-hover mds:hover:shadow-special-button-hover
|
|
4
|
+
mds:border-1 mds:border-neutral-350
|
|
5
|
+
mds:hover:bg-content-special-hover mds:hover:shadow-special-button-hover mds:outline-2 mds:outline-neutral-500
|
|
6
6
|
|
|
7
|
-
mds:active:bg-content-special mds:active:
|
|
7
|
+
mds:active:bg-content-special mds:active:shadow-special-button-pressed mds:active:ring-2 mds:ring-offset-2 mds:ring-border-surface-spread-neutral
|
|
8
8
|
mds:disabled:bg-none mds:disabled:border-none mds:disabled:shadow-none mds:disabled:bg-interactive-primary-disabled mds:disabled:text-on-primary-disabled`},{status:"default",variant:"primary",class:`mds:bg-primary mds:text-on-primary
|
|
9
9
|
mds:hover:bg-interactive-primary-hover
|
|
10
10
|
|
|
@@ -37,10 +37,10 @@ const r = e(
|
|
|
37
37
|
status: "default",
|
|
38
38
|
variant: "special",
|
|
39
39
|
class: `mds:bg-content-special mds:text-on-primary mds:shadow-special-button-default
|
|
40
|
-
mds:border-
|
|
41
|
-
mds:hover:bg-content-special-hover mds:hover:shadow-special-button-hover
|
|
40
|
+
mds:border-1 mds:border-neutral-350
|
|
41
|
+
mds:hover:bg-content-special-hover mds:hover:shadow-special-button-hover mds:outline-2 mds:outline-neutral-500
|
|
42
42
|
|
|
43
|
-
mds:active:bg-content-special mds:active:
|
|
43
|
+
mds:active:bg-content-special mds:active:shadow-special-button-pressed mds:active:ring-2 mds:ring-offset-2 mds:ring-border-surface-spread-neutral
|
|
44
44
|
mds:disabled:bg-none mds:disabled:border-none mds:disabled:shadow-none mds:disabled:bg-interactive-primary-disabled mds:disabled:text-on-primary-disabled`
|
|
45
45
|
},
|
|
46
46
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("./index-hyBpqx_X.cjs"),a=require("./mainstack-design-system613.cjs"),n=require("./utils-s-0cOrOT.cjs"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("./index-hyBpqx_X.cjs"),a=require("./mainstack-design-system613.cjs"),n=require("./utils-s-0cOrOT.cjs"),d=({className:e,...s})=>{const{isDesktop:r}=a.useResponsivePopoverDrawerContext();return r?null:t.jsx(o.Drawer.Overlay,{"data-slot":"responsive-popover-drawer-overlay",className:n.cn("mds:data-[state=open]:animate-content-fade-in mds:data-[state=closed]:animate-content-fade-out mds:data-[state=closed]:fade-out-0 mds:data-[state=open]:fade-in-0 mds:fixed mds:inset-0 mds:z-50 mds:bg-primary/50 mds:backdrop-blur-sm",e),...s})};exports.ResponsivePopoverDrawerOverlay=d;
|
|
@@ -1,24 +1,24 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { D as
|
|
1
|
+
import { jsx as s } from "react/jsx-runtime";
|
|
2
|
+
import { D as o } from "./index-eeqUt-Tb.js";
|
|
3
3
|
import { useResponsivePopoverDrawerContext as r } from "./mainstack-design-system613.js";
|
|
4
4
|
import { c as d } from "./utils-Z5JtG_Bc.js";
|
|
5
|
-
const
|
|
5
|
+
const c = ({
|
|
6
6
|
className: e,
|
|
7
|
-
...
|
|
7
|
+
...a
|
|
8
8
|
}) => {
|
|
9
|
-
const { isDesktop:
|
|
10
|
-
return
|
|
11
|
-
|
|
9
|
+
const { isDesktop: t } = r();
|
|
10
|
+
return t ? null : /* @__PURE__ */ s(
|
|
11
|
+
o.Overlay,
|
|
12
12
|
{
|
|
13
13
|
"data-slot": "responsive-popover-drawer-overlay",
|
|
14
14
|
className: d(
|
|
15
|
-
"mds:data-[state=open]:animate-content-fade-in mds:data-[state=closed]:animate-content-fade-out mds:data-[state=closed]:fade-out-0 mds:data-[state=open]:fade-in-0 mds:fixed mds:inset-0 mds:z-50 mds:bg-primary/50",
|
|
15
|
+
"mds:data-[state=open]:animate-content-fade-in mds:data-[state=closed]:animate-content-fade-out mds:data-[state=closed]:fade-out-0 mds:data-[state=open]:fade-in-0 mds:fixed mds:inset-0 mds:z-50 mds:bg-primary/50 mds:backdrop-blur-sm",
|
|
16
16
|
e
|
|
17
17
|
),
|
|
18
|
-
...
|
|
18
|
+
...a
|
|
19
19
|
}
|
|
20
20
|
);
|
|
21
21
|
};
|
|
22
22
|
export {
|
|
23
|
-
|
|
23
|
+
c as ResponsivePopoverDrawerOverlay
|
|
24
24
|
};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),d=require("./index-HSoR75mY.cjs"),l=require("./utils-s-0cOrOT.cjs"),
|
|
2
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),d=require("./index-HSoR75mY.cjs"),l=require("./utils-s-0cOrOT.cjs"),o=require("react"),e=o.forwardRef(({className:a,...t},s)=>r.jsx(d.DialogOverlay,{"data-slot":"modal-overlay",className:l.cn("mds:data-[state=open]:animate-content-fade-in mds:data-[state=closed]:animate-content-fade-out mds:fixed mds:blur-sm mds:inset-0 mds:z-50 mds:bg-surface-neutral-invert-l3/20 mds:backdrop-blur-sm",a),ref:s,...t}));e.displayName="ModalOverlay";exports.ModalOverlay=e;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import { jsx as
|
|
3
|
-
import { d as
|
|
2
|
+
import { jsx as m } from "react/jsx-runtime";
|
|
3
|
+
import { d as o } from "./index-DDHQjaCF.js";
|
|
4
4
|
import { c as r } from "./utils-Z5JtG_Bc.js";
|
|
5
5
|
import { forwardRef as s } from "react";
|
|
6
6
|
const d = s(
|
|
7
|
-
({ className: a, ...t }, e) => /* @__PURE__ */
|
|
8
|
-
|
|
7
|
+
({ className: a, ...t }, e) => /* @__PURE__ */ m(
|
|
8
|
+
o,
|
|
9
9
|
{
|
|
10
10
|
"data-slot": "modal-overlay",
|
|
11
11
|
className: r(
|
|
12
|
-
"mds:data-[state=open]:animate-content-fade-in mds:data-[state=closed]:animate-content-fade-out mds:fixed mds:blur-sm mds:inset-0 mds:z-50 mds:bg-surface-neutral-invert-l3/20",
|
|
12
|
+
"mds:data-[state=open]:animate-content-fade-in mds:data-[state=closed]:animate-content-fade-out mds:fixed mds:blur-sm mds:inset-0 mds:z-50 mds:bg-surface-neutral-invert-l3/20 mds:backdrop-blur-sm",
|
|
13
13
|
a
|
|
14
14
|
),
|
|
15
15
|
ref: e,
|