mainstack-design-system 1.15.0 → 1.15.1
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./index-B43IDo7j.cjs"),n=require("./utils-Dp-J9Ksy.cjs");require("./mainstack-design-system366.cjs");const l=require("./mainstack-design-system196.cjs");require("react");require("./player-BoD_1Mo-.cjs");const i=({tabs:d,activeValue:o,onSelect:t,hasActiveTabInDropdown:m})=>e.jsxs(s.DropdownMenu,{children:[e.jsx(s.DropdownMenuTrigger,{asChild:!0,children:e.jsxs("div",{className:n.cn("mds:flex mds:items-center mds:gap-4 mds:p-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("./index-B43IDo7j.cjs"),n=require("./utils-Dp-J9Ksy.cjs");require("./mainstack-design-system366.cjs");const l=require("./mainstack-design-system196.cjs");require("react");require("./player-BoD_1Mo-.cjs");const i=({tabs:d,activeValue:o,onSelect:t,hasActiveTabInDropdown:m})=>e.jsxs(s.DropdownMenu,{children:[e.jsx(s.DropdownMenuTrigger,{asChild:!0,children:e.jsxs("div",{className:n.cn("mds:flex mds:items-center mds:gap-4 mds:p-9 mds:text-secondary mds:body-extrasmall-book"),"data-state":m?"active":"inactive",children:[e.jsx("p",{children:"More"}),e.jsx(l,{className:n.cn("mds:size-16 mds:transition-transform mds:duration-200","group-data-[state=open]:rotate-180")})]})}),e.jsx(s.DropdownMenuPortal,{children:e.jsx(s.DropdownMenuContent,{align:"end",sideOffset:5,className:"mds:z-100 mds:min-w-188 mds:flex mds:flex-col mds:gap-8 mds:bg-surface-neutral-l1 mds:shadow-200 mds:p-8 mds:rounded-12",children:d.map(r=>{const a=r.value===o;return e.jsx(s.DropdownMenuItem,{onSelect:()=>t(r.value),className:n.cn("mds:relative mds:flex mds:cursor-pointer mds:select-none mds:items-center mds:rounded-8 mds:p-8 mds:body-extrasmall-medium mds:outline-none mds:transition-colors mds:hover:bg-surface-neutral-l4 mds:focus:bg-surface-neutral-l4",a&&"mds:bg-surface-neutral-l4 mds:text-primary"),children:r.children},r.value)})})})]});exports.TabsOverflowDropdown=i;
|
|
@@ -15,7 +15,7 @@ const M = ({
|
|
|
15
15
|
"div",
|
|
16
16
|
{
|
|
17
17
|
className: r(
|
|
18
|
-
"mds:flex mds:items-center mds:gap-4 mds:p-
|
|
18
|
+
"mds:flex mds:items-center mds:gap-4 mds:p-9 mds:text-secondary mds:body-extrasmall-book"
|
|
19
19
|
),
|
|
20
20
|
"data-state": a ? "active" : "inactive",
|
|
21
21
|
children: [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CAgJYdlN.cjs"),s=e.cva("mds:relative mds:inline-flex mds:items-center mds:gap-6 mds:justify-center mds:cursor-pointer mds:whitespace-nowrap mds:body-extrasmall-book mds:transition-all mds:disabled:pointer-events-none mds:disabled:text-disabled mds:transition-transform mds:ease-out-pressed mds:duration-100 mds:active:scale-[0.96]",{variants:{variant:{underline:["mds:px-8 mds:py-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-CAgJYdlN.cjs"),s=e.cva("mds:relative mds:inline-flex mds:items-center mds:gap-6 mds:justify-center mds:cursor-pointer mds:whitespace-nowrap mds:body-extrasmall-book mds:transition-all mds:disabled:pointer-events-none mds:disabled:text-disabled mds:transition-transform mds:ease-out-pressed mds:duration-100 mds:active:scale-[0.96]",{variants:{variant:{underline:["mds:px-8 mds:py-9 mds:text-secondary","mds:hover:bg-surface-neutral-l4 mds:hover:rounded-10","mds:disabled:text-disabled mds:disabled:pointer-events-none","mds:data-[state=active]:text-primary","mds:data-[state=active]:disabled:text-disabled"],button:["mds:px-16 mds:py-10 mds:rounded-full mds:bg-transparent mds:text-on-secondary","mds:hover:bg-surface-neutral-l4 mds:hover:rounded-full mds:hover:text-on-secondary","mds:data-[state=active]:text-on-primary","mds:disabled:text-disabled mds:disabled:pointer-events-none mds:data-[state=active]:disabled:text-on-primary-disabled"]},layout:{horizontal:"mds:flex-row",vertical:"mds:flex-col"}},defaultVariants:{variant:"underline",layout:"horizontal"}}),d=e.cva("mds:flex mds:items-center",{variants:{variant:{underline:"mds:justify-between mds:gap-20 mds:border-b-2 mds:border-border-interactive-neutral mds:py-9 mds:overflow-y-hidden mds:overflow-x-auto mds:scrollbar-none mds:max-w-[85vw] mds:md:max-w-full mds:w-fit",button:"mds:gap-4 mds:p-4 mds:bg-surface-neutral-l4 mds:rounded-full mds:overflow-x-auto mds:scrollbar-none mds:max-w-[85vw] mds:md:max-w-full mds:w-fit"}},defaultVariants:{variant:"underline"}});exports.tabsListVariants=d;exports.tabsTriggerVariants=s;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { c as d } from "./index-D29mdTf5.js";
|
|
2
|
-
const
|
|
2
|
+
const s = d(
|
|
3
3
|
"mds:relative mds:inline-flex mds:items-center mds:gap-6 mds:justify-center mds:cursor-pointer mds:whitespace-nowrap mds:body-extrasmall-book mds:transition-all mds:disabled:pointer-events-none mds:disabled:text-disabled mds:transition-transform mds:ease-out-pressed mds:duration-100 mds:active:scale-[0.96]",
|
|
4
4
|
{
|
|
5
5
|
variants: {
|
|
6
6
|
variant: {
|
|
7
7
|
underline: [
|
|
8
|
-
"mds:px-8 mds:py-
|
|
8
|
+
"mds:px-8 mds:py-9 mds:text-secondary",
|
|
9
9
|
"mds:hover:bg-surface-neutral-l4 mds:hover:rounded-10",
|
|
10
10
|
"mds:disabled:text-disabled mds:disabled:pointer-events-none",
|
|
11
11
|
"mds:data-[state=active]:text-primary",
|
|
@@ -31,7 +31,7 @@ const e = d(
|
|
|
31
31
|
), t = d("mds:flex mds:items-center", {
|
|
32
32
|
variants: {
|
|
33
33
|
variant: {
|
|
34
|
-
underline: "mds:justify-between mds:gap-20 mds:border-b-2 mds:border-border-interactive-neutral mds:py-
|
|
34
|
+
underline: "mds:justify-between mds:gap-20 mds:border-b-2 mds:border-border-interactive-neutral mds:py-9 mds:overflow-y-hidden mds:overflow-x-auto mds:scrollbar-none mds:max-w-[85vw] mds:md:max-w-full mds:w-fit",
|
|
35
35
|
button: "mds:gap-4 mds:p-4 mds:bg-surface-neutral-l4 mds:rounded-full mds:overflow-x-auto mds:scrollbar-none mds:max-w-[85vw] mds:md:max-w-full mds:w-fit"
|
|
36
36
|
}
|
|
37
37
|
},
|
|
@@ -41,5 +41,5 @@ const e = d(
|
|
|
41
41
|
});
|
|
42
42
|
export {
|
|
43
43
|
t as tabsListVariants,
|
|
44
|
-
|
|
44
|
+
s as tabsTriggerVariants
|
|
45
45
|
};
|