@club-employes/utopia 4.377.0 → 4.378.0

package/dist/components/molecules/RadioCard/RadioCard.d.ts

@@ -30,6 +30,7 @@ declare const __VLS_component: DefineComponent<RadioCardProps, {}, {}, {}, {}, C
     bigPicto: boolean;
     hideRadio: boolean;
     collapsible: boolean;
+    inGroup: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLLabelElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/molecules/RadioCard/index.d.ts

@@ -1,2 +1,2 @@
 export { default as RadioCard } from './RadioCard';
-export type { RadioCardProps } from './types';
+export type { RadioCardProps, RadioCardGroupProps } from './types';

package/dist/components/molecules/RadioCard/types.d.ts

@@ -11,7 +11,7 @@ export interface RadioCardProps {
     color?: 'primary' | 'subvention' | 'echeque';
     /** Texte affiché dans le composant Icon à côté du pictogramme (même couleur) */
     iconLabel?: string;
-    /** Couleur du token pour l’icône (et le libellé si défini) */
+    /** Couleur du token pour l'icône (et le libellé si défini) */
     iconColor?: string;
     iconBgColor?: string;
     iconSize?: IconSize;
@@ -26,4 +26,9 @@ export interface RadioCardProps {
     hideRadio?: boolean;
     collapsible?: boolean;
     size?: 'sm' | 'md' | 'lg';
+    /** Mode groupe : retire la bordure/radius individuelle, centre le contenu. À utiliser dans un RadioCardGroup. */
+    inGroup?: boolean;
+}
+export interface RadioCardGroupProps {
+    color?: 'primary' | 'subvention' | 'echeque';
 }

package/dist/components/molecules/index.d.ts

@@ -26,7 +26,7 @@ export { Tabs, type TabProps, type TabsProps } from './Tabs';
 export { Tooltip } from './Tooltip';
 export { FilterLocation, type FilterLocationProps } from './FilterLocation';
 export { PageHeader, type PageHeaderProps } from './PageHeader';
-export { RadioCard, type RadioCardProps } from './RadioCard';
+export { RadioCard, type RadioCardProps, type RadioCardGroupProps } from './RadioCard';
 export { PriceSummary, type PriceSummaryProps, type PriceSummarySavingInfoTooltip } from './PriceSummary';
 export { GrantUsersSelection, type GrantUsersSelectionProps } from './GrantUsersSelection';
 export { FooterAction, type FooterActionProps } from './FooterAction';

package/dist/index.d.ts

@@ -52,7 +52,7 @@ export { PageHeader } from './components/molecules/PageHeader';
 export type { PageHeaderProps } from './components/molecules/PageHeader/types';
 export type { PriceSummaryProps, PriceSummarySavingInfoTooltip } from './components/molecules/PriceSummary/types';
 export type { PriceTagProps } from './components/molecules/PriceTag/types';
-export type { RadioCardProps } from './components/molecules/RadioCard/types';
+export type { RadioCardProps, RadioCardGroupProps } from './components/molecules/RadioCard/types';
 export type { TooltipProps } from './components/molecules/Tooltip/types';
 export type { ProductImageType, ProductImageProps } from './components/molecules/ProductImage/types';
 export type { NewsItemProps } from './components/molecules/NewsItem/types';

package/dist/index.js

@@ -13209,7 +13209,7 @@ const B6 = /* @__PURE__ */ re(y2, [["__scopeId", "data-v-983ed935"]]), T6 = ["ar
   },
   emits: ["update:open", "openChange"],
   setup(e, { emit: t }) {
-    const n = e, o = t, { isMobile: l } = kn(), a = M(() => l.value && n.mobileBehavior === "bottom-sheet"), s = M(() => {
+    const n = e, o = t, { isMobile: l } = kn(), a = M(() => n.variant === "form" ? !1 : l.value && n.mobileBehavior === "bottom-sheet"), s = M(() => {
       if (a.value)
         return "utopia-bottom-sheet";
       if (n.variant === "form")
@@ -13404,7 +13404,7 @@ const B6 = /* @__PURE__ */ re(y2, [["__scopeId", "data-v-983ed935"]]), T6 = ["ar
   }
 }), Au = {};
 typeof Au == "function" && Au(w2);
-const Wo = /* @__PURE__ */ re(w2, [["__scopeId", "data-v-33eee0f8"]]), G6 = { class: "utopia-pricetag" }, F6 = { key: 0 }, I6 = { class: "utopia-pricetag--price-container" }, Y6 = { key: 2 }, Z6 = { key: 3 }, z2 = /* @__PURE__ */ se({
+const Wo = /* @__PURE__ */ re(w2, [["__scopeId", "data-v-18f14e5a"]]), G6 = { class: "utopia-pricetag" }, F6 = { key: 0 }, I6 = { class: "utopia-pricetag--price-container" }, Y6 = { key: 2 }, Z6 = { key: 3 }, z2 = /* @__PURE__ */ se({
   __name: "PriceTag",
   props: {
     label: {},
@@ -14043,7 +14043,8 @@ const s5 = /* @__PURE__ */ re(O2, [["__scopeId", "data-v-44d04c84"]]), i5 = { cl
     bigPicto: { type: Boolean, default: !1 },
     hideRadio: { type: Boolean, default: !1 },
     collapsible: { type: Boolean, default: !1 },
-    size: { default: "md" }
+    size: { default: "md" },
+    inGroup: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
@@ -14051,6 +14052,7 @@ const s5 = /* @__PURE__ */ re(O2, [["__scopeId", "data-v-44d04c84"]]), i5 = { cl
       "utopia-radiocard--checked": l.value,
       "utopia-radiocard--disabled": n.disabled,
       "utopia-radiocard--readonly": n.readonly,
+      "utopia-radiocard--in-group": n.inGroup,
       [`utopia-radiocard--${n.color}`]: !0,
       [`utopia-radiocard--${n.size}`]: !0
     })), s = (c) => {
@@ -14061,7 +14063,16 @@ const s5 = /* @__PURE__ */ re(O2, [["__scopeId", "data-v-44d04c84"]]), i5 = { cl
       class: Y(["utopia-radiocard", a.value])
     }, [
       v("div", i5, [
-        e.hideRadio ? (i(), d("input", {
+        !e.hideRadio && !e.inGroup ? (i(), B(h(Oa), {
+          key: 0,
+          modelValue: e.modelValue,
+          value: e.value,
+          name: e.name,
+          color: e.color,
+          disabled: e.disabled,
+          readonly: e.readonly,
+          "onUpdate:modelValue": s
+        }, null, 8, ["modelValue", "value", "name", "color", "disabled", "readonly"])) : (i(), d("input", {
           key: 1,
           type: "radio",
           name: e.name,
@@ -14071,16 +14082,7 @@ const s5 = /* @__PURE__ */ re(O2, [["__scopeId", "data-v-44d04c84"]]), i5 = { cl
           readonly: e.readonly,
           onChange: s,
           style: { position: "absolute", opacity: "0", width: "0", height: "0" }
-        }, null, 40, r5)) : (i(), B(h(Oa), {
-          key: 0,
-          modelValue: e.modelValue,
-          value: e.value,
-          name: e.name,
-          color: e.color,
-          disabled: e.disabled,
-          readonly: e.readonly,
-          "onUpdate:modelValue": s
-        }, null, 8, ["modelValue", "value", "name", "color", "disabled", "readonly"])),
+        }, null, 40, r5)),
         v("div", c5, [
           e.bigPicto && (e.icon || e.icon3d || c.$slots.icon) ? (i(), d("div", {
             key: 0,
@@ -14159,7 +14161,7 @@ const s5 = /* @__PURE__ */ re(O2, [["__scopeId", "data-v-44d04c84"]]), i5 = { cl
   }
 }), hu = {};
 typeof hu == "function" && hu(B2);
-const ri = /* @__PURE__ */ re(B2, [["__scopeId", "data-v-08863d6c"]]), b5 = { class: "utopia-pricesummary" }, h5 = { class: "utopia-pricesummary--section" }, y5 = { class: "utopia-pricesummary--section" }, w5 = { key: 1 }, z5 = { class: "utopia-pricesummary--saving-info" }, x5 = {
+const ri = /* @__PURE__ */ re(B2, [["__scopeId", "data-v-a78c4d52"]]), b5 = { class: "utopia-pricesummary" }, h5 = { class: "utopia-pricesummary--section" }, y5 = { class: "utopia-pricesummary--section" }, w5 = { key: 1 }, z5 = { class: "utopia-pricesummary--saving-info" }, x5 = {
   key: 0,
   class: "utopia-pricesummary--saving-info-tooltip"
 }, k5 = { class: "utopia-pricesummary__saving-info-tooltip-container" }, M5 = {