mainstack-design-system 1.3.1 → 1.3.3

package/dist/assets/theme/tokenTheme.css

@@ -46,8 +46,8 @@ E.g: public:p-20 will apply padding 20px when data-ui-theme="public in html root
   --ease-out-pressed: cubic-bezier(0.2, 0, 0, 1);
 
   /* Custom Font Family */
-  --font-degular: "Degular", sans-serif;
-  --font-suisse-intl: "Suisse-Intl", sans-serif;
+  --font-primary: "Degular", sans-serif;
+  --font-secondary: "Suisse-Intl", sans-serif;
 
   /* Custom Font Weight */
   --font-weight-*: initial;

package/dist/assets/theme/uiTheme.css

@@ -1,8 +1,8 @@
 @theme {
   /* Defaults, also Applies when: [data-ui-theme="default"] */
 
-  --ms-display-headline-font-family: var(--font-degular);
-  --ms-body-font-family: var(--font-suisse-intl);
+  --ms-display-headline-font-family: var(--font-primary);
+  --ms-body-font-family: var(--font-secondary);
 
   --ms-display-extralarge-font-size: 3.75rem;
   --ms-display-extralarge-line-height: 4.5rem;

package/dist/mainstack-design-system388.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),l=require("./index-BV7A-WgT.cjs"),n=require("./mainstack-design-system588.cjs"),i=require("./mainstack-design-system558.cjs"),d=t=>t<=32?"body-tiny-semibold":t<=44?"body-extrasmall-semibold":t<=56?"body-small-semibold":t<=64?"body-medium-semibold":t<=84?"body-large-semibold":t===88?"headline-medium-semibold":t===92?"headline-large-semibold":"body-large-semibold",o=({className:t,size:e,...r})=>a.jsx(i.AvatarContext.Provider,{value:{size:e},children:a.jsx(l.Root,{"data-slot":"avatar-root",className:n.cn("inline-flex rounded-full font-semibold bg-surface-accent-l1 text-accent justify-center select-none overflow-hidden has-[>[data-slot-fallback-type=initials]]:items-center has-[>[data-slot-fallback-type=icon]]:items-end **:data-[slot=avatar-image]:object-cover",`w-[${e}px] h-[${e}px]`,d(e),t),"data-slot-root-size":e,...r})});o.displayName="AvatarRoot";exports.AvatarRoot=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),l=require("./index-BV7A-WgT.cjs"),n=require("./mainstack-design-system588.cjs"),i=require("./mainstack-design-system558.cjs"),d=t=>t<=32?"body-tiny-semibold":t<=44?"body-extrasmall-semibold":t<=56?"body-small-semibold":t<=64?"body-medium-semibold":t<=84?"body-large-semibold":t===88?"headline-medium-semibold":t===92?"headline-large-semibold":"body-large-semibold",o=({className:t,size:e,...r})=>a.jsx(i.AvatarContext.Provider,{value:{size:e},children:a.jsx(l.Root,{"data-slot":"avatar-root",className:n.cn("inline-flex rounded-full font-semibold bg-surface-accent-l1 text-accent justify-center select-none overflow-hidden has-[>[data-slot-fallback-type=initials]]:items-center has-[>[data-slot-fallback-type=icon]]:items-end **:data-[slot=avatar-image]:object-cover **:data-[slot=avatar-image]:w-full",`w-[${e}px] h-[${e}px]`,d(e),t),"data-slot-root-size":e,...r})});o.displayName="AvatarRoot";exports.AvatarRoot=o;

package/dist/mainstack-design-system388.js

@@ -1,19 +1,19 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import { R as r } from "./index-CY9H_w64.js";
 import { cn as l } from "./mainstack-design-system588.js";
 import { AvatarContext as d } from "./mainstack-design-system558.js";
-const i = (t) => t <= 32 ? "body-tiny-semibold" : t <= 44 ? "body-extrasmall-semibold" : t <= 56 ? "body-small-semibold" : t <= 64 ? "body-medium-semibold" : t <= 84 ? "body-large-semibold" : t === 88 ? "headline-medium-semibold" : t === 92 ? "headline-large-semibold" : "body-large-semibold", n = ({ className: t, size: e, ...a }) => /* @__PURE__ */ o(d.Provider, { value: { size: e }, children: /* @__PURE__ */ o(
+const i = (t) => t <= 32 ? "body-tiny-semibold" : t <= 44 ? "body-extrasmall-semibold" : t <= 56 ? "body-small-semibold" : t <= 64 ? "body-medium-semibold" : t <= 84 ? "body-large-semibold" : t === 88 ? "headline-medium-semibold" : t === 92 ? "headline-large-semibold" : "body-large-semibold", n = ({ className: t, size: a, ...o }) => /* @__PURE__ */ e(d.Provider, { value: { size: a }, children: /* @__PURE__ */ e(
   r,
   {
     "data-slot": "avatar-root",
     className: l(
-      "inline-flex rounded-full font-semibold bg-surface-accent-l1 text-accent justify-center select-none overflow-hidden has-[>[data-slot-fallback-type=initials]]:items-center has-[>[data-slot-fallback-type=icon]]:items-end **:data-[slot=avatar-image]:object-cover",
-      `w-[${e}px] h-[${e}px]`,
-      i(e),
+      "inline-flex rounded-full font-semibold bg-surface-accent-l1 text-accent justify-center select-none overflow-hidden has-[>[data-slot-fallback-type=initials]]:items-center has-[>[data-slot-fallback-type=icon]]:items-end **:data-[slot=avatar-image]:object-cover **:data-[slot=avatar-image]:w-full",
+      `w-[${a}px] h-[${a}px]`,
+      i(a),
       t
     ),
-    "data-slot-root-size": e,
-    ...a
+    "data-slot-root-size": a,
+    ...o
   }
 ) });
 n.displayName = "AvatarRoot";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mainstack-design-system",
-  "version": "1.3.1",
+  "version": "1.3.3",
   "type": "module",
   "main": "./dist/mainstack-design-system.cjs",
   "module": "./dist/mainstack-design-system.js",