@maltjoy/core-vue 6.1.2 → 6.2.0

package/dist/core-vue/src/stories/accessibility/tokens/ColorContrastPage.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/core-vue/src/stories/accessibility/tokens/catalog.d.ts

@@ -0,0 +1,4 @@
+import { type TokenRecord } from './flatten-dtcg';
+export declare const primitiveTokens: TokenRecord[];
+export declare const semanticTokens: TokenRecord[];
+export declare function tokensByDomain(tokens: TokenRecord[], domain: TokenRecord['domain']): TokenRecord[];

package/dist/core-vue/src/stories/accessibility/tokens/color-contrast.d.ts

@@ -0,0 +1,33 @@
+export type ContrastLevel = 'aaa' | 'aa' | 'aa-large' | 'fail';
+export type ContrastThreshold = 'aaa' | 'aa' | 'aa-large';
+export type ComplianceFilter = 'all' | 'compliant' | 'fail';
+export type SolidColor = {
+    token: string;
+    hex: string;
+    group: string;
+    groupLabel: string;
+};
+export type ContrastResult = {
+    ratio: number;
+    level: ContrastLevel;
+    formattedRatio: string;
+};
+export declare const CONTRAST_THRESHOLDS: Record<ContrastThreshold, number>;
+export declare function normalizeHex(value: string): string;
+export declare function hexToRgb(hex: string): {
+    r: number;
+    g: number;
+    b: number;
+};
+export declare function relativeLuminance(hex: string): number;
+export declare function contrastRatio(foreground: string, background: string): number;
+export declare function formatContrastRatio(ratio: number): string;
+export declare function getContrastLevel(ratio: number): ContrastLevel;
+export declare function getContrastResult(foreground: string, background: string): ContrastResult;
+export declare function meetsThreshold(ratio: number, threshold: ContrastThreshold): boolean;
+export declare function matchesComplianceFilter(level: ContrastLevel, filter: ComplianceFilter): boolean;
+export declare function getGroupLabel(group: string): string;
+export declare function getSolidColors(): SolidColor[];
+export declare function getColorGroups(colors?: SolidColor[]): string[];
+export declare function sortByLuminance(colors: SolidColor[], direction?: 'light-first' | 'dark-first'): SolidColor[];
+export declare function sortByContrastAgainst(colors: SolidColor[], reference: SolidColor, role: 'foreground' | 'background'): SolidColor[];

package/dist/core-vue/src/stories/accessibility/tokens/flatten-dtcg.d.ts

@@ -0,0 +1,31 @@
+export declare const DOCS_NAMESPACE = "com.maltjoy.docs";
+export type TokenLayer = 'primitive' | 'semantic';
+export type TokenDomain = 'color' | 'spacing' | 'radius' | 'elevation' | 'zIndex' | 'typography' | 'motion' | 'forms' | 'links' | 'other';
+export interface TokenDocs {
+    useFor?: string[];
+    doNotUseFor?: string[];
+    useInstead?: Record<string, string>;
+    pairWith?: string[];
+    replaces?: string[];
+    samePrimitiveAs?: string[];
+    notes?: string;
+}
+export interface TokenRecord {
+    name: string;
+    css: string;
+    value: unknown;
+    type?: string;
+    layer: TokenLayer;
+    domain: TokenDomain;
+    group: string;
+    description?: string;
+    deprecated: boolean;
+    docs?: TokenDocs;
+}
+export declare function toCssName(tokenPath: string): string;
+export declare function flattenDtcg(document: Record<string, unknown>, layer: TokenLayer): TokenRecord[];
+export declare function formatTokenValue(value: unknown): string;
+export declare function groupTokens(tokens: TokenRecord[]): {
+    group: string;
+    tokens: TokenRecord[];
+}[];

package/dist/core-vue.js

@@ -364,7 +364,7 @@ const Xo = { class: "joy-admin-banner" }, Qo = { class: "joy-admin-banner__label
       ])
     ]));
   }
-}), yu = /* @__PURE__ */ A(en, [["__scopeId", "data-v-114794fd"]]), tn = ["title"], on = /* @__PURE__ */ B({
+}), yu = /* @__PURE__ */ A(en, [["__scopeId", "data-v-ba657b5c"]]), tn = ["title"], on = /* @__PURE__ */ B({
   __name: "VJoyAvailability",
   props: {
     label: {},
@@ -566,7 +566,7 @@ const Xo = { class: "joy-admin-banner" }, Qo = { class: "joy-admin-banner__label
       ], !0)
     ], 2));
   }
-}), vu = /* @__PURE__ */ A(dn, [["__scopeId", "data-v-f3f82e51"]]);
+}), vu = /* @__PURE__ */ A(dn, [["__scopeId", "data-v-acdb177a"]]);
 var ee = /* @__PURE__ */ ((e) => (e.HIGH_POTENTIAL = "highpotential", e.HIGH_POTENTIAL_AUTO = "high-potential-auto", e.MALT_LINKER = "maltlinker", e.NEW = "new", e.SUPER_MALTER = "supermalter", e.VERIFIED = "verified", e))(ee || {}), Ge = /* @__PURE__ */ ((e) => (e.HIGH_POTENTIAL = "program_high-potential", e))(Ge || {});
 const fn = { class: "joy-badge-level" }, yn = {
   key: 1,
@@ -2741,15 +2741,15 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ B({
       _: 3
     }, 8, ["options"]));
   }
-}), Jl = /* @__PURE__ */ A(zl, [["__scopeId", "data-v-89ca3ec5"]]), Pl = { class: "joy-label__group___main" }, Ml = {
+}), Jl = /* @__PURE__ */ A(zl, [["__scopeId", "data-v-0689c57a"]]), Pl = { class: "joy-label__group___main" }, Ml = {
   key: 0,
   class: "joy-label-required"
 }, Fl = {
   key: 1,
-  class: "joy-label-optional joy-color-neutral-40"
+  class: "joy-label-optional"
 }, Ol = {
   key: 0,
-  class: "joy-label__legend joy-font-primary-300 joy-color-neutral-40"
+  class: "joy-label__legend joy-font-primary-300"
 }, Dl = /* @__PURE__ */ B({
   __name: "VJoyLabel",
   props: {
@@ -2810,7 +2810,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ B({
       ])) : k("", !0)
     ], 2));
   }
-}), Ie = /* @__PURE__ */ A(Dl, [["__scopeId", "data-v-77417189"]]), Rl = ["id"], Nl = /* @__PURE__ */ B({
+}), Ie = /* @__PURE__ */ A(Dl, [["__scopeId", "data-v-aa2ae844"]]), Rl = ["id"], Nl = /* @__PURE__ */ B({
   __name: "VJoyCheckboxGroup",
   props: {
     options: { default: () => [] },
@@ -2953,8 +2953,8 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ B({
         }, [
           e.summaryIcon ? (c(), V(N, {
             key: 0,
+            class: "joy-collapse-item__summary___icon",
             "aria-hidden": "true",
-            color: "secondary",
             name: e.summaryIcon
           }, null, 8, ["name"])) : k("", !0),
           R(" " + J(e.header), 1)
@@ -2986,7 +2986,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ B({
       ], 10, Gl)) : k("", !0)
     ], 2));
   }
-}), Yl = /* @__PURE__ */ A(Kl, [["__scopeId", "data-v-b72f3daf"]]), Zl = { class: "joy-collapse" }, Xl = /* @__PURE__ */ B({
+}), Yl = /* @__PURE__ */ A(Kl, [["__scopeId", "data-v-ec1339ef"]]), Zl = { class: "joy-collapse" }, Xl = /* @__PURE__ */ B({
   __name: "VJoyCollapse",
   props: {
     /** Open one item at a time. Works with modelValue */
@@ -3068,7 +3068,7 @@ const Al = ["aria-describedby"], El = ["id"], zl = /* @__PURE__ */ B({
       }, 1040, ["open", "mode", "onCollapseItem:open", "onCollapseItem:close"]))), 128))
     ]));
   }
-}), $u = /* @__PURE__ */ A(Xl, [["__scopeId", "data-v-fa3e35fa"]]), Ql = ["src", "alt", "title", "loading"], ea = /* @__PURE__ */ B({
+}), $u = /* @__PURE__ */ A(Xl, [["__scopeId", "data-v-3df3286b"]]), Ql = ["src", "alt", "title", "loading"], ea = /* @__PURE__ */ B({
   __name: "VJoyCompanyAvatar",
   props: {
     /** Inject the URL of your image. Fallback will be the icon */
@@ -4297,7 +4297,7 @@ const xa = /* @__PURE__ */ B({
       _: 3
     }, 8, ["class"]));
   }
-}), Ma = /* @__PURE__ */ A(Pa, [["__scopeId", "data-v-6656f971"]]), Fa = { class: "joy-link__text" }, Oa = /* @__PURE__ */ B({
+}), Ma = /* @__PURE__ */ A(Pa, [["__scopeId", "data-v-bc0f2cdf"]]), Fa = { class: "joy-link__text" }, Oa = /* @__PURE__ */ B({
   __name: "VJoyLink",
   props: {
     href: {
@@ -4531,7 +4531,7 @@ const xa = /* @__PURE__ */ B({
       }, null, 8, ["errors"])) : k("", !0)
     ], 2));
   }
-}), Lu = /* @__PURE__ */ A(Ga, [["__scopeId", "data-v-dd8c202f"]]), Ka = ["aria-label"], Ya = { class: "joy-filter-bar__wrapper" }, Za = /* @__PURE__ */ B({
+}), Lu = /* @__PURE__ */ A(Ga, [["__scopeId", "data-v-23d08b6e"]]), Ka = ["aria-label"], Ya = { class: "joy-filter-bar__wrapper" }, Za = /* @__PURE__ */ B({
   __name: "VJoyFilterBar",
   props: {
     /** To give a label to the whole component */
@@ -4586,7 +4586,7 @@ const xa = /* @__PURE__ */ B({
       })) : k("", !0)
     ], 2));
   }
-}), Au = /* @__PURE__ */ A(Xa, [["__scopeId", "data-v-ef875842"]]), Qa = { class: "floating-actions-bar__content" }, ei = { class: "floating-actions-bar__actions" }, ti = /* @__PURE__ */ B({
+}), Au = /* @__PURE__ */ A(Xa, [["__scopeId", "data-v-2970da90"]]), Qa = { class: "floating-actions-bar__content" }, ei = { class: "floating-actions-bar__actions" }, ti = /* @__PURE__ */ B({
   __name: "VJoyFloatingActionsBar",
   props: {
     height: { default: "92px" },
@@ -4770,7 +4770,7 @@ const xa = /* @__PURE__ */ B({
       ])
     ]));
   }
-}), Fu = /* @__PURE__ */ A(mi, [["__scopeId", "data-v-e423038b"]]), pi = { class: "joy-highlight__decorator" }, vi = { class: "joy-highlight__text" }, hi = { key: 0 }, gi = /* @__PURE__ */ B({
+}), Fu = /* @__PURE__ */ A(mi, [["__scopeId", "data-v-46773591"]]), pi = { class: "joy-highlight__decorator" }, vi = { class: "joy-highlight__text" }, hi = { key: 0 }, gi = /* @__PURE__ */ B({
   __name: "VJoyHighlight",
   props: {
     accent: {
@@ -5365,7 +5365,7 @@ const xa = /* @__PURE__ */ B({
       })
     ]));
   }
-}), Hu = /* @__PURE__ */ A(Ji, [["__scopeId", "data-v-6c3750f0"]]), Pi = ["aria-activedescendant", "aria-label"], Mi = ["aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], Fi = { "aria-hidden": "true" }, Oi = /* @__PURE__ */ B({
+}), Hu = /* @__PURE__ */ A(Ji, [["__scopeId", "data-v-45fd4d2c"]]), Pi = ["aria-activedescendant", "aria-label"], Mi = ["aria-disabled", "aria-current", "title", "aria-label", ".dataModel", "onClick"], Fi = { "aria-hidden": "true" }, Oi = /* @__PURE__ */ B({
   __name: "VJoyMenu",
   props: {
     /**
@@ -5527,7 +5527,7 @@ const xa = /* @__PURE__ */ B({
       }, 16, ["class", "type"]))
     ], 8, Di));
   }
-}), Uu = /* @__PURE__ */ A(Ni, [["__scopeId", "data-v-ed856c91"]]), Mt = /* @__PURE__ */ B({
+}), Uu = /* @__PURE__ */ A(Ni, [["__scopeId", "data-v-ff1be606"]]), Mt = /* @__PURE__ */ B({
   __name: "PaginationIcon",
   props: {
     label: {
@@ -5694,7 +5694,7 @@ const xa = /* @__PURE__ */ B({
       ])
     ], 2));
   }
-}), bo = /* @__PURE__ */ A(Zi, [["__scopeId", "data-v-266b7e2a"]]), Xi = {
+}), bo = /* @__PURE__ */ A(Zi, [["__scopeId", "data-v-736a1da4"]]), Xi = {
   key: 0,
   class: /* @__PURE__ */ L(["joy-panel__header"])
 }, Qi = {
@@ -5823,22 +5823,19 @@ const xa = /* @__PURE__ */ B({
     }, e.status === "error" ? { "data-joy-form-error": "" } : {}), [
       e.status === "neutral" ? (c(), V(N, {
         key: 0,
-        name: "circle",
-        color: "neutral"
+        name: "circle"
       })) : e.status === "success" ? (c(), V(N, {
         key: 1,
-        name: "check-circle",
-        color: "success"
+        name: "check-circle"
       })) : (c(), V(N, {
         key: 2,
         name: "warning",
-        size: "xsmall",
-        color: "error"
+        size: "xsmall"
       })),
       g("span", ur, J(t.label), 1)
     ], 16));
   }
-}), Zu = /* @__PURE__ */ A(cr, [["__scopeId", "data-v-57c149c0"]]), dr = /* @__PURE__ */ B({
+}), Zu = /* @__PURE__ */ A(cr, [["__scopeId", "data-v-158a6a04"]]), dr = /* @__PURE__ */ B({
   __name: "VJoyProductTourSpotlight",
   props: {
     disableOverlay: { type: Boolean }
@@ -7500,7 +7497,7 @@ const ws = /* @__PURE__ */ A(hs, [["render", bs], ["__scopeId", "data-v-0c3130ff
       _: 3
     }, 8, ["class"]));
   }
-}), yc = /* @__PURE__ */ A(Ls, [["__scopeId", "data-v-8a40109a"]]), Bs = ["aria-disabled"], As = { class: "joy-textarea_wrapper" }, Es = ["id", "disabled", "name", "required", "minlength", "value"], zs = {
+}), yc = /* @__PURE__ */ A(Ls, [["__scopeId", "data-v-3a1f0194"]]), Bs = ["aria-disabled"], As = { class: "joy-textarea_wrapper" }, Es = ["id", "disabled", "name", "required", "minlength", "value"], zs = {
   key: 1,
   class: "joy-textarea_helpers"
 }, Js = {
@@ -7683,7 +7680,7 @@ const ws = /* @__PURE__ */ A(hs, [["render", bs], ["__scopeId", "data-v-0c3130ff
       _: 3
     }));
   }
-}), pc = /* @__PURE__ */ A(Ms, [["__scopeId", "data-v-72b57f87"]]), Fs = { class: "joy-toggle__wrapper" }, Os = ["name", "disabled", "checked", "required", "aria-checked", "value"], Ds = { class: "joy-toggle__symbol" }, Rs = { class: "joy-toggle__symbol-bubble" }, Ns = {
+}), pc = /* @__PURE__ */ A(Ms, [["__scopeId", "data-v-92b67780"]]), Fs = { class: "joy-toggle__wrapper" }, Os = ["name", "disabled", "checked", "required", "aria-checked", "value"], Ds = { class: "joy-toggle__symbol" }, Rs = { class: "joy-toggle__symbol-bubble" }, Ns = {
   key: 0,
   class: "joy-toggle__symbol-smile"
 }, qs = { class: "joy-toggle__content-label" }, Hs = /* @__PURE__ */ B({