mainstack-design-system 1.16.2 → 1.16.3

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.
Files changed (6) hide show
  1. package/dist/assets/styles.css +1 -1
  2. package/dist/mainstack-design-system403.cjs +1 -1
  3. package/dist/mainstack-design-system403.js +29 -29
  4. package/dist/mainstack-design-system404.cjs +1 -1
  5. package/dist/mainstack-design-system404.js +2 -5
  6. package/package.json +1 -1
package/dist/mainstack-design-system403.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react/jsx-runtime"),t=require("react"),I=require("./utils-s-0cOrOT.cjs"),N=require("./mainstack-design-system406.cjs"),V=t.forwardRef,r=V(({as:m,className:c,size:u="md",variant:y="primary",status:g="default",rounded:z="md",disabled:n,iconOnly:b=!1,children:l,isLoading:p,...h},f)=>{const x=m||"button",o=t.Children.toArray(l),a=o[0],i=o[o.length-1],s=t.isValidElement(a)&&typeof a.type!="string"&&a.type?.displayName==="ButtonIcon",d=t.isValidElement(i)&&typeof i.type!="string"&&i.type?.displayName==="ButtonIcon",w=o.some(e=>t.isValidElement(e)&&typeof e.type!="string"&&e.type?.displayName==="ButtonLabel"),B=s&&d?"both":s?"leading":d?"trailing":"none";return R.jsx(x,{ref:f,"data-disabled":n,tabIndex:n?-1:0,"data-slot":"button-root","data-button-icon-position":B,"data-button-icon-only":b?"true":"false","data-loading":p,disabled:n||p,"data-button-size":u,className:I.cn(N.buttonVariants({size:u,variant:y,status:g,rounded:z}),"mds:data-[button-size=tiny]:data-[button-icon-position=leading]:pr-12","mds:data-[button-size=tiny]:data-[button-icon-position=trailing]:pl-12","mds:data-[button-size=tiny]:data-[button-icon-position=both]:p-6","mds:data-[button-size=xs]:data-[button-icon-position=leading]:pr-14","mds:data-[button-size=xs]:data-[button-icon-position=trailing]:pl-24","mds:data-[button-size=xs]:data-[button-icon-position=trailing]:pr-16","mds:data-[button-size=xs]:data-[button-icon-position=both]:px-16","mds:data-[button-size=sm]:data-[button-icon-position=leading]:pr-24","mds:data-[button-size=sm]:data-[button-icon-position=trailing]:pl-24","mds:data-[button-size=sm]:data-[button-icon-position=both]:p-16","mds:data-[button-size=md]:data-[button-icon-position=leading]:pr-24","mds:data-[button-size=md]:data-[button-icon-position=trailing]:pl-24","mds:data-[button-size=md]:data-[button-icon-position=both]:py-12","mds:data-[button-size=md]:data-[button-icon-position=both]:px-16","mds:data-[button-size=lg]:data-[button-icon-position=leading]:pr-24","mds:data-[button-size=lg]:data-[button-icon-position=trailing]:pl-24","mds:data-[button-size=lg]:data-[button-icon-position=both]:p-16",s&&d&&w&&"mds:pl-4 mds:pr-5",b&&["mds:data-[button-size=tiny]:data-[button-icon-only=true]:px-8","mds:data-[button-size=tiny]:data-[button-icon-only=true]:w-30","mds:data-[button-size=xs]:data-[button-icon-only=true]:w-36","mds:data-[button-size=sm]:data-[button-icon-only=true]:w-40","mds:data-[button-size=md]:data-[button-icon-only=true]:w-48","mds:data-[button-size=lg]:data-[button-icon-only=true]:w-56"],c),...h,children:l})});r.displayName="ButtonRoot";exports.ButtonRoot=r;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react/jsx-runtime"),t=require("react"),I=require("./utils-s-0cOrOT.cjs"),N=require("./mainstack-design-system406.cjs"),V=t.forwardRef,p=V(({as:r,className:m,size:u="md",variant:y="primary",status:g="default",rounded:z="md",disabled:n,iconOnly:l=!1,children:b,isLoading:c,...f},h)=>{const x=r||"button",o=t.Children.toArray(b),a=o[0],i=o[o.length-1],s=t.isValidElement(a)&&typeof a.type!="string"&&a.type?.displayName==="ButtonIcon",d=t.isValidElement(i)&&typeof i.type!="string"&&i.type?.displayName==="ButtonIcon",w=o.some(e=>t.isValidElement(e)&&typeof e.type!="string"&&e.type?.displayName==="ButtonLabel"),B=s&&d?"both":s?"leading":d?"trailing":"none";return R.jsx(x,{ref:h,"data-disabled":n,tabIndex:n?-1:0,"data-slot":"button-root","data-button-icon-position":B,"data-button-icon-only":l?"true":"false","data-loading":c,disabled:n||c,"data-button-size":u,className:I.cn(N.buttonVariants({size:u,variant:y,status:g,rounded:z}),"mds:data-[button-size=tiny]:data-[button-icon-position=leading]:pr-12","mds:data-[button-size=tiny]:data-[button-icon-position=trailing]:pl-12","mds:data-[button-size=tiny]:data-[button-icon-position=both]:p-6","mds:data-[button-size=xs]:data-[button-icon-position=leading]:data-[button-icon-only=false]:pr-14","mds:data-[button-size=xs]:data-[button-icon-position=trailing]:data-[button-icon-only=false]:pl-24","mds:data-[button-size=xs]:data-[button-icon-position=trailing]:data-[button-icon-only=false]:pr-16","mds:data-[button-size=xs]:data-[button-icon-position=both]:data-[button-icon-only=false]:px-16","mds:data-[button-size=sm]:data-[button-icon-position=leading]:data-[button-icon-only=false]:pr-24","mds:data-[button-size=sm]:data-[button-icon-position=trailing]:data-[button-icon-only=false]:pl-24","mds:data-[button-size=sm]:data-[button-icon-position=both]:p-16","mds:data-[button-size=md]:data-[button-icon-position=leading]:data-[button-icon-only=false]:pr-24","mds:data-[button-size=md]:data-[button-icon-position=trailing]:data-[button-icon-only=false]:pl-24","mds:data-[button-size=md]:data-[button-icon-position=both]:py-12","mds:data-[button-size=md]:data-[button-icon-position=both]:px-16","mds:data-[button-size=lg]:data-[button-icon-position=leading]:data-[button-icon-only=false]:pr-24","mds:data-[button-size=lg]:data-[button-icon-position=trailing]:data-[button-icon-only=false]:pl-24","mds:data-[button-size=lg]:data-[button-icon-position=both]:p-16",s&&d&&w&&"mds:pl-4 mds:pr-5",l&&["mds:data-[button-size=tiny]:data-[button-icon-only=true]:px-8","mds:data-[button-size=tiny]:data-[button-icon-only=true]:w-30","mds:data-[button-size=xs]:data-[button-icon-only=true]:w-36","mds:data-[button-size=sm]:data-[button-icon-only=true]:w-40","mds:data-[button-size=md]:data-[button-icon-only=true]:w-48","mds:data-[button-size=lg]:data-[button-icon-only=true]:w-56"],m),...f,children:b})});p.displayName="ButtonRoot";exports.ButtonRoot=p;
package/dist/mainstack-design-system403.js CHANGED
@@ -4,54 +4,54 @@ import { c as I } from "./utils-Z5JtG_Bc.js";
4
4
  import { buttonVariants as N } from "./mainstack-design-system406.js";
5
5
  const R = B, C = R(
6
6
  ({
7
- as: l,
8
- className: r,
7
+ as: m,
8
+ className: c,
9
9
  size: u = "md",
10
- variant: c = "primary",
10
+ variant: r = "primary",
11
11
  status: y = "default",
12
- rounded: g = "md",
12
+ rounded: f = "md",
13
13
  disabled: n,
14
- iconOnly: b = !1,
15
- children: p,
16
- isLoading: m,
17
- ...z
18
- }, f) => {
19
- const h = l || "button", t = o.Children.toArray(p), a = t[0], i = t[t.length - 1], s = o.isValidElement(a) && typeof a.type != "string" && a.type?.displayName === "ButtonIcon", d = o.isValidElement(i) && typeof i.type != "string" && i.type?.displayName === "ButtonIcon", x = t.some(
14
+ iconOnly: l = !1,
15
+ children: b,
16
+ isLoading: p,
17
+ ...g
18
+ }, z) => {
19
+ const h = m || "button", t = o.Children.toArray(b), a = t[0], i = t[t.length - 1], s = o.isValidElement(a) && typeof a.type != "string" && a.type?.displayName === "ButtonIcon", d = o.isValidElement(i) && typeof i.type != "string" && i.type?.displayName === "ButtonIcon", x = t.some(
20
20
  (e) => o.isValidElement(e) && typeof e.type != "string" && e.type?.displayName === "ButtonLabel"
21
21
  );
22
22
  return /* @__PURE__ */ w(
23
23
  h,
24
24
  {
25
- ref: f,
25
+ ref: z,
26
26
  "data-disabled": n,
27
27
  tabIndex: n ? -1 : 0,
28
28
  "data-slot": "button-root",
29
29
  "data-button-icon-position": s && d ? "both" : s ? "leading" : d ? "trailing" : "none",
30
- "data-button-icon-only": b ? "true" : "false",
31
- "data-loading": m,
32
- disabled: n || m,
30
+ "data-button-icon-only": l ? "true" : "false",
31
+ "data-loading": p,
32
+ disabled: n || p,
33
33
  "data-button-size": u,
34
34
  className: I(
35
- N({ size: u, variant: c, status: y, rounded: g }),
35
+ N({ size: u, variant: r, status: y, rounded: f }),
36
36
  "mds:data-[button-size=tiny]:data-[button-icon-position=leading]:pr-12",
37
37
  "mds:data-[button-size=tiny]:data-[button-icon-position=trailing]:pl-12",
38
38
  "mds:data-[button-size=tiny]:data-[button-icon-position=both]:p-6",
39
- "mds:data-[button-size=xs]:data-[button-icon-position=leading]:pr-14",
40
- "mds:data-[button-size=xs]:data-[button-icon-position=trailing]:pl-24",
41
- "mds:data-[button-size=xs]:data-[button-icon-position=trailing]:pr-16",
42
- "mds:data-[button-size=xs]:data-[button-icon-position=both]:px-16",
43
- "mds:data-[button-size=sm]:data-[button-icon-position=leading]:pr-24",
44
- "mds:data-[button-size=sm]:data-[button-icon-position=trailing]:pl-24",
39
+ "mds:data-[button-size=xs]:data-[button-icon-position=leading]:data-[button-icon-only=false]:pr-14",
40
+ "mds:data-[button-size=xs]:data-[button-icon-position=trailing]:data-[button-icon-only=false]:pl-24",
41
+ "mds:data-[button-size=xs]:data-[button-icon-position=trailing]:data-[button-icon-only=false]:pr-16",
42
+ "mds:data-[button-size=xs]:data-[button-icon-position=both]:data-[button-icon-only=false]:px-16",
43
+ "mds:data-[button-size=sm]:data-[button-icon-position=leading]:data-[button-icon-only=false]:pr-24",
44
+ "mds:data-[button-size=sm]:data-[button-icon-position=trailing]:data-[button-icon-only=false]:pl-24",
45
45
  "mds:data-[button-size=sm]:data-[button-icon-position=both]:p-16",
46
- "mds:data-[button-size=md]:data-[button-icon-position=leading]:pr-24",
47
- "mds:data-[button-size=md]:data-[button-icon-position=trailing]:pl-24",
46
+ "mds:data-[button-size=md]:data-[button-icon-position=leading]:data-[button-icon-only=false]:pr-24",
47
+ "mds:data-[button-size=md]:data-[button-icon-position=trailing]:data-[button-icon-only=false]:pl-24",
48
48
  "mds:data-[button-size=md]:data-[button-icon-position=both]:py-12",
49
49
  "mds:data-[button-size=md]:data-[button-icon-position=both]:px-16",
50
- "mds:data-[button-size=lg]:data-[button-icon-position=leading]:pr-24",
51
- "mds:data-[button-size=lg]:data-[button-icon-position=trailing]:pl-24",
50
+ "mds:data-[button-size=lg]:data-[button-icon-position=leading]:data-[button-icon-only=false]:pr-24",
51
+ "mds:data-[button-size=lg]:data-[button-icon-position=trailing]:data-[button-icon-only=false]:pl-24",
52
52
  "mds:data-[button-size=lg]:data-[button-icon-position=both]:p-16",
53
53
  s && d && x && "mds:pl-4 mds:pr-5",
54
- b && [
54
+ l && [
55
55
  "mds:data-[button-size=tiny]:data-[button-icon-only=true]:px-8",
56
56
  "mds:data-[button-size=tiny]:data-[button-icon-only=true]:w-30",
57
57
  "mds:data-[button-size=xs]:data-[button-icon-only=true]:w-36",
@@ -59,10 +59,10 @@ const R = B, C = R(
59
59
  "mds:data-[button-size=md]:data-[button-icon-only=true]:w-48",
60
60
  "mds:data-[button-size=lg]:data-[button-icon-only=true]:w-56"
61
61
  ],
62
- r
62
+ c
63
63
  ),
64
- ...z,
65
- children: p
64
+ ...g,
65
+ children: b
66
66
  }
67
67
  );
68
68
  }
package/dist/mainstack-design-system404.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),a=require("react"),u=require("./utils-s-0cOrOT.cjs"),i=require("./mainstack-design-system397.cjs"),o=a.forwardRef(({className:r,children:e,...n},s)=>e||t.jsx("span",{className:" mds:animate-pulse-wiggle",children:t.jsx(i.Spinner,{ref:s,"data-slot":"button-loader",className:u.cn("mds:hidden mds:group-data-[loading=true]/buttonroot:block ",r),...n})}));o.displayName="ButtonLoader";exports.ButtonLoader=o;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),a=require("react"),u=require("./utils-s-0cOrOT.cjs"),i=require("./mainstack-design-system397.cjs"),o=a.forwardRef(({className:r,children:e,...n},s)=>e||t.jsx("span",{className:"mds:hidden mds:group-data-[loading=true]/buttonroot:block mds:animate-pulse-wiggle",children:t.jsx(i.Spinner,{ref:s,"data-slot":"button-loader",className:u.cn(r),...n})}));o.displayName="ButtonLoader";exports.ButtonLoader=o;
package/dist/mainstack-design-system404.js CHANGED
@@ -3,15 +3,12 @@ import { forwardRef as m } from "react";
3
3
  import { c as n } from "./utils-Z5JtG_Bc.js";
4
4
  import { Spinner as s } from "./mainstack-design-system397.js";
5
5
  const d = m(
6
- ({ className: t, children: o, ...a }, e) => o || /* @__PURE__ */ r("span", { className: " mds:animate-pulse-wiggle", children: /* @__PURE__ */ r(
6
+ ({ className: t, children: o, ...a }, e) => o || /* @__PURE__ */ r("span", { className: "mds:hidden mds:group-data-[loading=true]/buttonroot:block mds:animate-pulse-wiggle", children: /* @__PURE__ */ r(
7
7
  s,
8
8
  {
9
9
  ref: e,
10
10
  "data-slot": "button-loader",
11
- className: n(
12
- "mds:hidden mds:group-data-[loading=true]/buttonroot:block ",
13
- t
14
- ),
11
+ className: n(t),
15
12
  ...a
16
13
  }
17
14
  ) })
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mainstack-design-system",
3
- "version": "1.16.2",
3
+ "version": "1.16.3",
4
4
  "type": "module",
5
5
  "main": "./dist/mainstack-design-system.cjs",
6
6
  "module": "./dist/mainstack-design-system.js",