mainstack-design-system 1.19.4 → 1.19.5
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/assets/theme/tokenTheme.css +4 -6
- package/dist/mainstack-design-system406.cjs +2 -1
- package/dist/mainstack-design-system406.js +2 -1
- package/dist/mainstack-design-system561.cjs +1 -1
- package/dist/mainstack-design-system561.js +9 -9
- package/dist/mainstack-design-system568.cjs +1 -1
- package/dist/mainstack-design-system568.js +1 -1
- package/package.json +1 -1
|
@@ -966,14 +966,12 @@ E.g: public:p-20 will apply padding 20px when data-ui-theme="public in html root
|
|
|
966
966
|
0 -1px 0 0 var(--mds-color-elevation-shadow-10) inset;
|
|
967
967
|
|
|
968
968
|
--shadow-special-button-default:
|
|
969
|
-
-0.5px -0.5px 1px 1px
|
|
970
|
-
|
|
971
|
-
0.5px 0.5px 0.5px 1px var(--mds-color-neutral-350) inset;
|
|
969
|
+
-0.5px -0.5px 1px 1px rgba(252, 252, 253, 0.2) inset,
|
|
970
|
+
0.5px 0.5px 1px 1px rgba(252, 252, 253, 0.2) inset;
|
|
972
971
|
|
|
973
972
|
--shadow-special-button-hover:
|
|
974
|
-
0.5px 0.5px
|
|
975
|
-
|
|
976
|
-
-0.5px -0.5px 0.5px 1px var(--mds-color-neutral-375) inset;
|
|
973
|
+
-0.5px -0.5px 1px 1px rgba(252, 252, 253, 0.2) inset,
|
|
974
|
+
0.5px 0.5px 1px 1px rgba(252, 252, 253, 0.2) inset;
|
|
977
975
|
|
|
978
976
|
--shadow-special-button-pressed:
|
|
979
977
|
0.521px 0.521px 0 0 var(--mds-color-neutral-375) inset,
|
|
@@ -1,7 +1,8 @@
|
|
|
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
|
-
|
|
4
|
+
mds:border mds:border-neutral-475
|
|
5
|
+
mds:hover:bg-content-special-hover mds:hover:shadow-special-button-hover
|
|
5
6
|
|
|
6
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
|
|
7
8
|
mds:disabled:bg-none mds:disabled:border-none mds:disabled:shadow-none mds:disabled:outline-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
|
|
@@ -37,7 +37,8 @@ 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
|
-
|
|
40
|
+
mds:border mds:border-neutral-475
|
|
41
|
+
mds:hover:bg-content-special-hover mds:hover:shadow-special-button-hover
|
|
41
42
|
|
|
42
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
|
|
43
44
|
mds:disabled:bg-none mds:disabled:border-none mds:disabled:shadow-none mds:disabled:outline-none mds:disabled:bg-interactive-primary-disabled mds:disabled:text-on-primary-disabled`
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./utils-BJ1u234q.cjs"),o=require("./mainstack-design-system618.cjs"),t=({className:r,...s})=>{const{setScrollContainer:l}=o.useTableScroll();return e.jsx("div",{"data-slot":"table-container",ref:l,className:a.cn("mds:overflow-auto mds:
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./utils-BJ1u234q.cjs"),o=require("./mainstack-design-system618.cjs"),t=({className:r,...s})=>{const{setScrollContainer:l}=o.useTableScroll();return e.jsx("div",{"data-slot":"table-container",ref:l,className:a.cn("mds:overflow-auto mds:md:border mds:md:border-border-interactive-primary mds:rounded-20 mds:sm:justify-center",r),children:e.jsx("table",{"data-slot":"table",className:"mds:text-left mds:w-full ",...s})})};t.displayName="Table";exports.Table=t;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { c as
|
|
3
|
-
import { useTableScroll as
|
|
4
|
-
const
|
|
5
|
-
const { setScrollContainer:
|
|
2
|
+
import { c as o } from "./utils-DH-0D-9U.js";
|
|
3
|
+
import { useTableScroll as s } from "./mainstack-design-system618.js";
|
|
4
|
+
const l = ({ className: r, ...t }) => {
|
|
5
|
+
const { setScrollContainer: a } = s();
|
|
6
6
|
return /* @__PURE__ */ e(
|
|
7
7
|
"div",
|
|
8
8
|
{
|
|
9
9
|
"data-slot": "table-container",
|
|
10
|
-
ref:
|
|
11
|
-
className:
|
|
12
|
-
"mds:overflow-auto mds:
|
|
10
|
+
ref: a,
|
|
11
|
+
className: o(
|
|
12
|
+
"mds:overflow-auto mds:md:border mds:md:border-border-interactive-primary mds:rounded-20 mds:sm:justify-center",
|
|
13
13
|
r
|
|
14
14
|
),
|
|
15
15
|
children: /* @__PURE__ */ e(
|
|
@@ -23,7 +23,7 @@ const d = ({ className: r, ...t }) => {
|
|
|
23
23
|
}
|
|
24
24
|
);
|
|
25
25
|
};
|
|
26
|
-
|
|
26
|
+
l.displayName = "Table";
|
|
27
27
|
export {
|
|
28
|
-
|
|
28
|
+
l as Table
|
|
29
29
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),s=require("./utils-BJ1u234q.cjs"),d=({className:e,...r})=>m.jsx("tr",{"data-slot":"table-row",className:s.cn("mds:flex mds:flex-col mds:sm:table-row mds:px-16 mds:md:px-0 mds:border
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),s=require("./utils-BJ1u234q.cjs"),d=({className:e,...r})=>m.jsx("tr",{"data-slot":"table-row",className:s.cn("mds:flex mds:flex-col mds:sm:table-row mds:px-16 mds:md:px-0 mds:border mds:md:border-0 mds:md:border-b mds:border-border-interactive-primary mds:md:last:border-b-0 mds:rounded-20 mds:md:rounded-0 mds:mb-16 mds:md:mb-0 mds:divide-y mds:md:divide-y-0 mds:divide-border-interactive-primary",e),...r});d.displayName="TableRow";exports.TableRow=d;
|
|
@@ -5,7 +5,7 @@ const s = ({ className: d, ...m }) => /* @__PURE__ */ r(
|
|
|
5
5
|
{
|
|
6
6
|
"data-slot": "table-row",
|
|
7
7
|
className: e(
|
|
8
|
-
"mds:flex mds:flex-col mds:sm:table-row mds:px-16 mds:md:px-0 mds:border
|
|
8
|
+
"mds:flex mds:flex-col mds:sm:table-row mds:px-16 mds:md:px-0 mds:border mds:md:border-0 mds:md:border-b mds:border-border-interactive-primary mds:md:last:border-b-0 mds:rounded-20 mds:md:rounded-0 mds:mb-16 mds:md:mb-0 mds:divide-y mds:md:divide-y-0 mds:divide-border-interactive-primary",
|
|
9
9
|
d
|
|
10
10
|
),
|
|
11
11
|
...m
|