@logora/debate 0.4.69 → 0.4.72

package/dist/assets/components/vote/vote_box/VoteBox.module-BM2Iqu7I.css

@@ -0,0 +1 @@
+._voteBox_1y5hn_3{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;width:100%}._voteResultsBox_1y5hn_11{display:flex!important;flex-direction:column!important;padding:0!important;width:100%}._voteResults_1y5hn_11{padding:0!important}._voteProgressHeader_1y5hn_22{margin-bottom:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important;display:flex!important;align-items:center!important;font-size:var(--font-size-normal, 16px);display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}._voteProgressHeaderAgainst_1y5hn_35{margin-top:var(--spacer-md, calc(var(--space-unit, 1em) * .75))!important}._voteResultsNumberVoters_1y5hn_39{display:flex!important;align-items:center!important;padding:0!important;font-size:var(--font-size-normal, 16px);color:var(--text-secondary, #5F5F5F)}._voteBoxFooter_1y5hn_47{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;margin-top:var(--space-unit, 1em)!important;padding:0!important}._voteBoxActions_1y5hn_56{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center;gap:var(--space-unit, 1em);color:var(--text-secondary, #5F5F5F);width:100%}._voteBoxActionsBody_1y5hn_66{display:grid!important;grid-template-columns:repeat(2,1fr);gap:var(--spacer-md, calc(var(--space-unit, 1em) * .75));padding:0!important;width:100%}._voteBoxActionsBodyColumn_1y5hn_74{grid-template-columns:1fr}._voteAction_1y5hn_78{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;padding:0!important;max-width:100%!important;width:100%!important;text-align:center}._voteAction_1y5hn_78._buttonAlignLeft_1y5hn_88{justify-content:flex-start!important}button._voteButton_1y5hn_92,a._voteButton_1y5hn_92{-webkit-appearance:initial!important;width:100%;-webkit-hyphens:auto;-ms-hyphens:auto;-moz-hyphens:auto;hyphens:auto;padding:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important}._textAlignLeft_1y5hn_103{justify-content:flex-start!important}._voteBoxShowResultContainer_1y5hn_107{display:flex!important;flex-direction:row!important;justify-content:center;flex-wrap:wrap!important;margin-top:.3em}._voteBoxShowResult_1y5hn_107{cursor:pointer}._voteBoxShowResult_1y5hn_107 a{color:inherit;text-decoration:none;background:none!important}._voteBoxShowResult_1y5hn_107 a:hover{text-decoration:none;background:none!important}._voteBoxShowResult_1y5hn_107 a:focus:not(:focus-visible){outline:none;box-shadow:none}._voteBoxShowResult_1y5hn_107 ._boldShowResult_1y5hn_131{font-weight:var(--font-weight-bold, 700);font-variation-settings:var(--font-variation-bold, normal);color:var(--text-primary, #222222)}._outlined_1y5hn_137{padding:7px 15px;border-radius:var(--box-border-radius, 6px);border:1px solid var(--text-primary, #222222)!important;white-space:nowrap}._voteButtonThesis_1y5hn_144{display:block;text-align:left;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@container (max-width: 767.98px){._voteButtonThesisSynthesisMobile_1y5hn_156{text-align:center!important}}._voteBoxActionsBody_1y5hn_66 ._voteAction_1y5hn_78:first-child ._voteButton_1y5hn_92,._voteBoxActionsBody_1y5hn_66 ._voteAction_1y5hn_78:first-child ._voteButton_1y5hn_92:hover{background-color:var(--for-primary-color, #cc6a6d)!important;border-color:var(--for-primary-color, #cc6a6d)!important;border:1px solid var(--for-primary-color, #cc6a6d)!important}._voteBoxActionsBody_1y5hn_66 ._voteAction_1y5hn_78:nth-child(2) ._voteButton_1y5hn_92{background-color:var(--against-primary-color, #7980bb)!important;border-color:var(--against-primary-color, #7980bb)!important;border:1px solid var(--against-primary-color, #7980bb)!important}._voteBoxActionsBody_1y5hn_66 ._voteAction_1y5hn_78:nth-child(2) ._voteButton_1y5hn_92:hover{background-color:var(--against-primary-color, #7980bb)!important;border-color:var(--against-primary-color, #7980bb)!important;border:1px solid var(--against-primary-color, #7980bb)!important}._voteBoxActionsBody_1y5hn_66 ._voteAction_1y5hn_78:nth-child(3) ._voteButton_1y5hn_92{background-color:var(--text-light, white)!important;color:var(--third-position-color-primary, #9b9b9b)!important;border-color:var(--third-position-color-primary, #9b9b9b)!important;border:1px solid var(--third-position-color-primary, #9b9b9b)!important}._voteBoxActionsBody_1y5hn_66 ._voteAction_1y5hn_78:nth-child(3) ._voteButton_1y5hn_92:hover{background-color:var(--text-light, white)!important;color:var(--third-position-color-primary, #9b9b9b)!important;border-color:var(--third-position-color-primary, #9b9b9b)!important;border:1px solid var(--third-position-color-primary, #9b9b9b)!important}._voteBoxActionsBodyOutlined_1y5hn_195 ._voteAction_1y5hn_78:first-child ._voteButton_1y5hn_92,._voteBoxActionsBodyOutlined_1y5hn_195 ._voteAction_1y5hn_78:first-child ._voteButton_1y5hn_92:hover{background-color:var(--text-light, white)!important;color:var(--for-primary-color, #cc6a6d)!important;border-color:var(--for-primary-color, #cc6a6d)!important;border:1px solid var(--for-primary-color, #cc6a6d)!important}._voteBoxActionsBodyOutlined_1y5hn_195 ._voteAction_1y5hn_78:nth-child(2) ._voteButton_1y5hn_92{background-color:var(--text-light, white)!important;color:var(--against-primary-color, #7980bb)!important;border-color:var(--against-primary-color, #7980bb)!important;border:1px solid var(--against-primary-color, #7980bb)!important}._voteBoxActionsBodyOutlined_1y5hn_195 ._voteAction_1y5hn_78:nth-child(2) ._voteButton_1y5hn_92:hover{background-color:var(--text-light, white)!important;color:var(--against-primary-color, #7980bb)!important;border-color:var(--against-primary-color, #7980bb)!important;border:1px solid var(--against-primary-color, #7980bb)!important}._voteBoxActionsBodyOutlined_1y5hn_195 ._voteAction_1y5hn_78:nth-child(3) ._voteButton_1y5hn_92{background-color:var(--text-light, white)!important;color:var(--third-position-color-primary, #9b9b9b)!important;border-color:var(--third-position-color-primary, #9b9b9b)!important;border:1px solid var(--third-position-color-primary, #9b9b9b)!important}._voteBoxActionsBodyOutlined_1y5hn_195 ._voteAction_1y5hn_78:nth-child(3) ._voteButton_1y5hn_92:hover{background-color:var(--text-light, white)!important;color:var(--third-position-color-primary, #9b9b9b)!important;border-color:var(--third-position-color-primary, #9b9b9b)!important;border:1px solid var(--third-position-color-primary, #9b9b9b)!important}._voteBoxActionsBodyFilledNeutral_1y5hn_234 ._voteAction_1y5hn_78:nth-child(3) ._voteButton_1y5hn_92{background-color:var(--third-position-color-primary, #9b9b9b)!important;color:var(--text-light, white)!important;border-color:var(--third-position-color-primary, #9b9b9b)!important;border:1px solid var(--third-position-color-primary, #9b9b9b)!important}._voteBoxActionsBodyFilledNeutral_1y5hn_234 ._voteAction_1y5hn_78:nth-child(3) ._voteButton_1y5hn_92:hover{background-color:var(--third-position-color-primary, #9b9b9b)!important;color:var(--text-light, white)!important;border-color:var(--third-position-color-primary, #9b9b9b)!important;border:1px solid var(--third-position-color-primary, #9b9b9b)!important}._voteActionButton_1y5hn_247{cursor:pointer;-webkit-appearance:initial!important;background:none;border:none;color:var(--text-secondary, #5F5F5F)!important;font-size:inherit;padding:0;font-weight:var(--font-weight-bold, 700);font-variation-settings:var(--font-variation-bold, normal)}._voteActionButton_1y5hn_247:focus:not(:focus-visible){outline:none;box-shadow:none}._sideIcon_1y5hn_263 svg{margin-left:5px;fill:var(--text-primary, #222222)}._progress_1y5hn_268{border-radius:var(--button-border-radius, var(--box-border-radius, 6px));color:var(--text-secondary, #5F5F5F);height:2.2em}._progressBar_1y5hn_274{border-radius:var(--button-border-radius, var(--box-border-radius, 6px));height:100%}._voteResults_1y5hn_11>div:first-child ._progress_1y5hn_268 ._progressBar_1y5hn_274{background-color:var(--for-primary-color, #cc6a6d)!important}._voteResults_1y5hn_11>div:nth-child(2) ._progress_1y5hn_268 ._progressBar_1y5hn_274{background-color:var(--against-primary-color, #7980bb)!important}._voteResults_1y5hn_11 div:nth-child(3) ._progress_1y5hn_268 ._progressBar_1y5hn_274{background-color:var(--third-position-color-primary, #9b9b9b)!important}._voteCommentCounts_1y5hn_291{display:flex;align-items:center;gap:var(--space-unit, 1em);width:100%;margin-top:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important}._debateNumberItem_1y5hn_299{display:flex;align-items:center;gap:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25));font-size:var(--font-size-normal, 16px);color:var(--text-primary, #222222);white-space:nowrap}._debateNumberLabel_1y5hn_308{white-space:nowrap}._showResultButton_1y5hn_312{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer}._showResultButton_1y5hn_312:focus:not(:focus-visible){outline:none;box-shadow:none}._voteResultInfoText_1y5hn_325{font-size:var(--font-size-small, 16px);color:var(--text-secondary, #5F5F5F);text-align:left;width:100%;align-self:flex-start}

package/dist/components/vote/vote_box/VoteBox.js

@@ -1,22 +1,22 @@
-import { jsx as s, Fragment as pe, jsxs as l } from "react/jsx-runtime";
+import { jsx as s, Fragment as pe, jsxs as c } from "react/jsx-runtime";
 import P from "@rooks/use-sessionstorage-state";
 import d from "classnames";
-import { useState as b, useEffect as k } from "react";
+import { useState as N, useEffect as T } from "react";
 import { useIntl as _e, FormattedMessage as f } from "react-intl";
-import { useLocation as be } from "react-router";
+import { useLocation as Ne } from "react-router";
 import o from "./VoteBox.module.scss.js";
-import { useTranslatedContent as T } from "../../translation/translated_content/useTranslatedContent.js";
-import { useToast as Ne } from "../../dialog/toast_provider/useToast.js";
+import { useTranslatedContent as j } from "../../translation/translated_content/useTranslatedContent.js";
+import { useToast as be } from "../../dialog/toast_provider/useToast.js";
 import { useAuthRequired as Se } from "../../hooks/use_auth_required/useAuthRequired.js";
 import { useDataProvider as we } from "../../data/data_provider/useDataProvider.js";
 import { useConfig as Be } from "../../data/config_provider/useConfig.js";
 import { useAuth as Ce } from "../../auth/use_auth/useAuth.js";
-import { Icon as j } from "../../icons/icon/Icon.js";
+import { Icon as F } from "../../icons/icon/Icon.js";
 import { ProgressBar as xe } from "../../progress/progress_bar/ProgressBar.js";
 import { Link as Ve } from "../../action/link/Link.js";
-import { Button as Me } from "../../action/button/Button.js";
+import { Button as ye } from "../../action/button/Button.js";
 const We = ({
-  numberVotes: N,
+  numberVotes: b,
   votePositions: r,
   voteableType: v,
   voteableId: h,
@@ -24,70 +24,70 @@ const We = ({
   displayColumn: O,
   textAlignLeft: ee,
   showTotal: te = !0,
-  voteBoxClassName: F,
-  buttonContainerClassName: E,
-  buttonClassName: I,
-  showResultClassName: U,
+  voteBoxClassName: E,
+  buttonContainerClassName: I,
+  buttonClassName: U,
+  showResultClassName: H,
   onVote: w,
   disabled: A = !1,
   showVotesCommentsNumber: oe = !1,
   commentsCount: se,
-  hideShowResultButton: H = !1
+  hideShowResultButton: $ = !1
 }) => {
-  const [B, g] = b(!0), [c, y] = b(void 0), [p, m] = b(!1), [u, ae] = b(
-    Number.parseFloat(N.total) || Object.values(N).reduce(
+  const [B, g] = N(!0), [l, M] = N(void 0), [p, m] = N(!1), [u, ae] = N(
+    Number.parseFloat(b.total) || Object.values(b).reduce(
       (e, t) => e + Number.parseFloat(t),
       0
     ) || 0
-  ), $ = T(
+  ), q = j(
     r[0]?.name,
     r[0]?.language,
     "name",
     r[0]?.translation_entries
-  ), q = T(
+  ), Y = j(
     r[1]?.name,
     r[1]?.language,
     "name",
     r[1]?.translation_entries
-  ), Y = T(
+  ), D = j(
     r[2]?.name,
     r[2]?.language,
     "name",
     r[2]?.translation_entries
-  ), [_, ne, D] = P(
+  ), [_, ne, G] = P(
     "storedUserVote",
     {}
-  ), [Ae, re, ie] = P("userSide", {}), { toast: G } = Ne() || {}, ce = () => {
+  ), [Ae, re, ie] = P("userSide", {}), { toast: W } = be() || {}, le = () => {
     const e = {};
     return r?.forEach(
       (t) => e[t.id] = {
-        count: Number.parseFloat(N[t.id]) || 0,
+        count: Number.parseFloat(b[t.id]) || 0,
         percentage: u === 0 ? 0 : Math.round(
-          100 * ((N[t.id] || 0) / u)
+          100 * ((b[t.id] || 0) / u)
         )
       }
     ), e;
-  }, [i, W] = b(ce()), z = Se(), le = be(), R = we(), J = Be(), C = _e(), { isLoggedIn: x, isLoggingIn: K } = Ce();
-  k(() => {
+  }, [i, z] = N(le()), J = Se(), ce = Ne(), R = we(), L = Be(), C = _e(), { isLoggedIn: x, isLoggingIn: K } = Ce();
+  T(() => {
     K === !1 && (x ? ue(h) : g(!1));
-  }, [K, x]), k(() => {
+  }, [K, x]), T(() => {
     if (B === !1 && !S) {
       const [e, t] = de();
       e && (t ? X(t) : m(!0));
     }
-  }, [B]), k(() => {
-    w && w(c);
-  }, [c]);
+  }, [B]), T(() => {
+    w && w(l);
+  }, [l]);
   const de = () => {
     if (_ && Object.keys(_).length !== 0)
-      return _.groupId === h && _.voteableType === v ? [!0, _.positionId] : (D(), [!1, !1]);
+      return _.groupId === h && _.voteableType === v ? [!0, _.positionId] : (G(), [!1, !1]);
     const e = new URLSearchParams(
-      typeof window < "u" ? window.location.search : le.search
+      typeof window < "u" ? window.location.search : ce.search
     ), t = !!e.get("initVote"), a = Number.parseInt(e.get("positionId")) || !1;
     return [t, a];
   }, ue = (e) => {
-    g(!0), w && w(c), R.getOneWithToken("votes", `${v.toLowerCase()}/${e}`, {}).then((t) => {
-      t.data.data.resource ? (y(t.data.data.resource), m(!0), g(!1)) : (g(!1), m(!1));
+    g(!0), w && w(l), R.getOneWithToken("votes", `${v.toLowerCase()}/${e}`, {}).then((t) => {
+      t.data.data.resource ? (M(t.data.data.resource), m(!0), g(!1)) : (g(!1), m(!1));
     }).catch((t) => {
       g(!1);
     });
@@ -101,16 +101,16 @@ const We = ({
       groupId: h,
       voteableType: v,
       positionId: e
-    }), c ? (ve(e, c.position_id), p === !1 && L(), e !== c.position_id && R.update("votes", c.id, t).then((n) => {
-      n.data.success && (y(n.data.data.resource), G(
+    }), l ? (ve(e, l.position_id), p === !1 && k(), e !== l.position_id && R.update("votes", l.id, t).then((n) => {
+      n.data.success && (M(n.data.data.resource), W(
         C.formatMessage({
           id: "header.vote_confirm_modal",
           defaultMessage: "Your vote has been saved !"
         }),
         { type: "success" }
       ));
-    })) : (me(e), L(), R.create("votes", t).then((n) => {
-      n.data.success && (y(n.data.data.resource), G(
+    })) : (me(e), k(), R.create("votes", t).then((n) => {
+      n.data.success && (M(n.data.data.resource), W(
         C.formatMessage({
           id: "header.vote_confirm_modal",
           defaultMessage: "Your vote has been saved !"
@@ -120,20 +120,20 @@ const We = ({
     }));
   }, me = (e) => {
     const t = i[e].count + 1, a = u + 1, n = {};
-    r.forEach((M) => {
-      if (e === M.id)
-        n[M.id] = {
+    r.forEach((y) => {
+      if (e === y.id)
+        n[y.id] = {
           count: t,
           percentage: V(t, a)
         };
       else {
-        const Z = i[M.id].count;
-        n[M.id] = {
+        const Z = i[y.id].count;
+        n[y.id] = {
           count: Z,
           percentage: V(Z, a)
         };
       }
-    }), W(n), ae(a);
+    }), z(n), ae(a);
   }, ve = (e, t) => {
     if (t !== e) {
       const a = {
@@ -153,7 +153,7 @@ const We = ({
           )
         }
       };
-      W(a);
+      z(a);
     }
   }, Q = (e) => {
     const t = new URLSearchParams({
@@ -162,16 +162,16 @@ const We = ({
     });
     return S + `?${t.toString()}`;
   }, X = (e) => {
-    B || (x ? Object.keys(i).includes(e.toString()) && (fe(e), D()) : (Object.keys(i).includes(e.toString()) && ne({
+    B || (x ? Object.keys(i).includes(e.toString()) && (fe(e), G()) : (Object.keys(i).includes(e.toString()) && ne({
       groupId: h,
       voteableType: v,
       positionId: e
-    }), z({ loginAction: "vote" })));
-  }, L = () => {
+    }), J({ loginAction: "vote" })));
+  }, k = () => {
     p && ie(), m(!p);
   }, he = (e, t) => {
     let a;
-    t === 0 ? a = $.translatedContent : t === 1 ? a = q.translatedContent : t === 2 && (a = Y.translatedContent);
+    t === 0 ? a = q.translatedContent : t === 1 ? a = Y.translatedContent : t === 2 && (a = D.translatedContent);
     const n = typeof window < "u" && !S;
     return /* @__PURE__ */ s(
       "div",
@@ -180,14 +180,14 @@ const We = ({
           [o.buttonAlignLeft]: o.buttonAlignLeft
         }),
         children: /* @__PURE__ */ s(
-          Me,
+          ye,
           {
             "data-tid": "action_vote",
             type: "button",
             title: a,
             className: d(o.voteButton, {
               [o.textAlignLeft]: ee,
-              [I]: I
+              [U]: U
             }),
             onClick: n ? () => X(e.id) : null,
             disabled: A || n && B,
@@ -212,17 +212,17 @@ const We = ({
       t
     );
   }, ge = () => {
-    x || J.actions?.unloggedVoteResults === !0 ? m(!0) : z({ loginAction: "vote" });
+    x || L.actions?.unloggedVoteResults === !0 ? m(!0) : J({ loginAction: "vote" });
   };
   return /* @__PURE__ */ s(
     "div",
     {
-      className: d(o.voteBox, { [F]: F }),
-      children: /* @__PURE__ */ s(pe, { children: p || A ? /* @__PURE__ */ l("div", { className: o.voteResultsBox, "data-testid": "voteResultsBox", children: [
+      className: d(o.voteBox, { [E]: E }),
+      children: /* @__PURE__ */ s(pe, { children: p || A ? /* @__PURE__ */ c("div", { className: o.voteResultsBox, "data-testid": "voteResultsBox", children: [
         /* @__PURE__ */ s("div", { className: o.voteResults, children: r.map((e, t) => {
           let a;
-          return t === 0 ? a = $.translatedContent : t === 1 ? a = q.translatedContent : t === 2 && (a = Y.translatedContent), /* @__PURE__ */ l("div", { children: [
-            /* @__PURE__ */ l(
+          return t === 0 ? a = q.translatedContent : t === 1 ? a = Y.translatedContent : t === 2 && (a = D.translatedContent), /* @__PURE__ */ c("div", { children: [
+            /* @__PURE__ */ c(
               "div",
               {
                 className: t > 0 ? d(
@@ -232,7 +232,7 @@ const We = ({
                 children: [
                   a,
                   " ",
-                  c && c.position_id === e.id ? /* @__PURE__ */ s(
+                  l && l.position_id === e.id ? /* @__PURE__ */ s(
                     "span",
                     {
                       title: C.formatMessage({
@@ -240,13 +240,13 @@ const We = ({
                       }) + a,
                       className: o.sideIcon,
                       "aria-hidden": "true",
-                      children: /* @__PURE__ */ s(j, { name: "checkbox", width: 16, height: 16 })
+                      children: /* @__PURE__ */ s(F, { name: "checkbox", width: 16, height: 16 })
                     }
                   ) : null
                 ]
               }
             ),
-            /* @__PURE__ */ l(
+            /* @__PURE__ */ c(
               xe,
               {
                 progress: i[e.id].percentage / 100,
@@ -261,7 +261,7 @@ const We = ({
             )
           ] }, t);
         }) }),
-        /* @__PURE__ */ l("div", { className: o.voteBoxFooter, children: [
+        /* @__PURE__ */ c("div", { className: o.voteBoxFooter, children: [
           te && /* @__PURE__ */ s("div", { className: o.voteResultsNumberVoters, children: /* @__PURE__ */ s(
             f,
             {
@@ -270,13 +270,13 @@ const We = ({
               defaultMessage: "{votesCount} votes"
             }
           ) }),
-          !A && /* @__PURE__ */ s("div", { children: c ? /* @__PURE__ */ s(
+          !A && /* @__PURE__ */ s("div", { children: l ? /* @__PURE__ */ s(
             "button",
             {
               "data-tid": "action_edit_vote",
               className: o.voteActionButton,
               type: "button",
-              onClick: L,
+              onClick: k,
               children: /* @__PURE__ */ s(
                 f,
                 {
@@ -285,7 +285,7 @@ const We = ({
                 }
               )
             }
-          ) : !H && /* @__PURE__ */ s(
+          ) : !$ && /* @__PURE__ */ s(
             "button",
             {
               type: "button",
@@ -301,23 +301,24 @@ const We = ({
             }
           ) })
         ] })
-      ] }) : /* @__PURE__ */ l("div", { className: o.voteBoxActions, children: [
+      ] }) : /* @__PURE__ */ c("div", { className: o.voteBoxActions, children: [
         /* @__PURE__ */ s(
           "div",
           {
             className: d(o.voteBoxActionsBody, {
               [o.voteBoxActionsBodyColumn]: O,
-              [o.voteBoxActionsBodyOutlined]: J.layout?.outlinedVoteButtons,
-              [E]: E
+              [o.voteBoxActionsBodyOutlined]: L.layout?.outlinedVoteButtons,
+              [o.voteBoxActionsBodyFilledNeutral]: L.layout?.filledNeutralVoteButton,
+              [I]: I
             }),
             children: r.map(
               (e, t) => he(e, t)
             )
           }
         ),
-        oe && /* @__PURE__ */ l("div", { className: o.voteCommentCounts, children: [
-          /* @__PURE__ */ l("div", { className: o.debateNumberItem, children: [
-            /* @__PURE__ */ s(j, { name: "votebox", width: 20, height: 20 }),
+        oe && /* @__PURE__ */ c("div", { className: o.voteCommentCounts, children: [
+          /* @__PURE__ */ c("div", { className: o.debateNumberItem, children: [
+            /* @__PURE__ */ s(F, { name: "votebox", width: 20, height: 20 }),
             /* @__PURE__ */ s("div", { className: o.debateNumberLabel, children: /* @__PURE__ */ s(
               f,
               {
@@ -327,8 +328,8 @@ const We = ({
               }
             ) })
           ] }),
-          /* @__PURE__ */ l("div", { className: o.debateNumberItem, children: [
-            /* @__PURE__ */ s(j, { name: "chat", width: 20, height: 20 }),
+          /* @__PURE__ */ c("div", { className: o.debateNumberItem, children: [
+            /* @__PURE__ */ s(F, { name: "chat", width: 20, height: 20 }),
             /* @__PURE__ */ s("div", { className: o.debateNumberLabel, children: /* @__PURE__ */ s(
               f,
               {
@@ -345,9 +346,9 @@ const We = ({
             className: d(
               o.voteBoxActions,
               o.voteBoxShowResultContainer,
-              { [U]: U }
+              { [H]: H }
             ),
-            children: /* @__PURE__ */ s("div", { className: o.voteBoxShowResult, children: H ? !p && /* @__PURE__ */ s("div", { className: o.voteResultInfoText, children: C.formatMessage({
+            children: /* @__PURE__ */ s("div", { className: o.voteBoxShowResult, children: $ ? !p && /* @__PURE__ */ s("div", { className: o.voteResultInfoText, children: C.formatMessage({
               id: "vote.vote_box.result_after_vote",
               defaultMessage: "Le résultat s'affichera après le vote."
             }) }) : typeof window < "u" && !S ? /* @__PURE__ */ s(

package/dist/components/vote/vote_box/VoteBox.module.scss.js

@@ -1,64 +1,66 @@
-import '../../../assets/components/vote/vote_box/VoteBox.module-Bv7WY_vr.css';const o = "_voteBox_1how7_3", t = "_voteResultsBox_1how7_11", e = "_voteResults_1how7_11", s = "_voteProgressHeader_1how7_22", n = "_voteProgressHeaderAgainst_1how7_35", _ = "_voteResultsNumberVoters_1how7_39", u = "_voteBoxFooter_1how7_47", v = "_voteBoxActions_1how7_56", B = "_voteBoxActionsBody_1how7_66", c = "_voteBoxActionsBodyColumn_1how7_74", r = "_voteAction_1how7_78", h = "_buttonAlignLeft_1how7_88", i = "_voteButton_1how7_92", l = "_textAlignLeft_1how7_103", w = "_voteBoxShowResultContainer_1how7_107", d = "_voteBoxShowResult_1how7_107", x = "_boldShowResult_1how7_131", b = "_outlined_1how7_137", A = "_voteButtonThesis_1how7_144", a = "_voteButtonThesisSynthesisMobile_1how7_156", R = "_voteBoxActionsBodyOutlined_1how7_195", g = "_voteActionButton_1how7_234", m = "_sideIcon_1how7_250", y = "_progress_1how7_255", C = "_progressBar_1how7_261", S = "_voteCommentCounts_1how7_278", f = "_debateNumberItem_1how7_286", I = "_debateNumberLabel_1how7_295", L = "_showResultButton_1how7_299", N = "_voteResultInfoText_1how7_312", T = {
+import '../../../assets/components/vote/vote_box/VoteBox.module-BM2Iqu7I.css';const o = "_voteBox_1y5hn_3", t = "_voteResultsBox_1y5hn_11", e = "_voteResults_1y5hn_11", n = "_voteProgressHeader_1y5hn_22", s = "_voteProgressHeaderAgainst_1y5hn_35", _ = "_voteResultsNumberVoters_1y5hn_39", u = "_voteBoxFooter_1y5hn_47", v = "_voteBoxActions_1y5hn_56", B = "_voteBoxActionsBody_1y5hn_66", l = "_voteBoxActionsBodyColumn_1y5hn_74", i = "_voteAction_1y5hn_78", c = "_buttonAlignLeft_1y5hn_88", r = "_voteButton_1y5hn_92", h = "_textAlignLeft_1y5hn_103", y = "_voteBoxShowResultContainer_1y5hn_107", d = "_voteBoxShowResult_1y5hn_107", x = "_boldShowResult_1y5hn_131", A = "_outlined_1y5hn_137", a = "_voteButtonThesis_1y5hn_144", b = "_voteButtonThesisSynthesisMobile_1y5hn_156", R = "_voteBoxActionsBodyOutlined_1y5hn_195", g = "_voteBoxActionsBodyFilledNeutral_1y5hn_234", m = "_voteActionButton_1y5hn_247", w = "_sideIcon_1y5hn_263", C = "_progress_1y5hn_268", N = "_progressBar_1y5hn_274", S = "_voteCommentCounts_1y5hn_291", f = "_debateNumberItem_1y5hn_299", I = "_debateNumberLabel_1y5hn_308", L = "_showResultButton_1y5hn_312", T = "_voteResultInfoText_1y5hn_325", p = {
   voteBox: o,
   voteResultsBox: t,
   voteResults: e,
-  voteProgressHeader: s,
-  voteProgressHeaderAgainst: n,
+  voteProgressHeader: n,
+  voteProgressHeaderAgainst: s,
   voteResultsNumberVoters: _,
   voteBoxFooter: u,
   voteBoxActions: v,
   voteBoxActionsBody: B,
-  voteBoxActionsBodyColumn: c,
-  voteAction: r,
-  buttonAlignLeft: h,
-  voteButton: i,
-  textAlignLeft: l,
-  voteBoxShowResultContainer: w,
+  voteBoxActionsBodyColumn: l,
+  voteAction: i,
+  buttonAlignLeft: c,
+  voteButton: r,
+  textAlignLeft: h,
+  voteBoxShowResultContainer: y,
   voteBoxShowResult: d,
   boldShowResult: x,
-  outlined: b,
-  voteButtonThesis: A,
-  voteButtonThesisSynthesisMobile: a,
+  outlined: A,
+  voteButtonThesis: a,
+  voteButtonThesisSynthesisMobile: b,
   voteBoxActionsBodyOutlined: R,
-  voteActionButton: g,
-  sideIcon: m,
-  progress: y,
-  progressBar: C,
+  voteBoxActionsBodyFilledNeutral: g,
+  voteActionButton: m,
+  sideIcon: w,
+  progress: C,
+  progressBar: N,
   voteCommentCounts: S,
   debateNumberItem: f,
   debateNumberLabel: I,
   showResultButton: L,
-  voteResultInfoText: N
+  voteResultInfoText: T
 };
 export {
   x as boldShowResult,
-  h as buttonAlignLeft,
+  c as buttonAlignLeft,
   f as debateNumberItem,
   I as debateNumberLabel,
-  T as default,
-  b as outlined,
-  y as progress,
-  C as progressBar,
+  p as default,
+  A as outlined,
+  C as progress,
+  N as progressBar,
   L as showResultButton,
-  m as sideIcon,
-  l as textAlignLeft,
-  r as voteAction,
-  g as voteActionButton,
+  w as sideIcon,
+  h as textAlignLeft,
+  i as voteAction,
+  m as voteActionButton,
   o as voteBox,
   v as voteBoxActions,
   B as voteBoxActionsBody,
-  c as voteBoxActionsBodyColumn,
+  l as voteBoxActionsBodyColumn,
+  g as voteBoxActionsBodyFilledNeutral,
   R as voteBoxActionsBodyOutlined,
   u as voteBoxFooter,
   d as voteBoxShowResult,
-  w as voteBoxShowResultContainer,
-  i as voteButton,
-  A as voteButtonThesis,
-  a as voteButtonThesisSynthesisMobile,
+  y as voteBoxShowResultContainer,
+  r as voteButton,
+  a as voteButtonThesis,
+  b as voteButtonThesisSynthesisMobile,
   S as voteCommentCounts,
-  s as voteProgressHeader,
-  n as voteProgressHeaderAgainst,
-  N as voteResultInfoText,
+  n as voteProgressHeader,
+  s as voteProgressHeaderAgainst,
+  T as voteResultInfoText,
   e as voteResults,
   t as voteResultsBox,
   _ as voteResultsNumberVoters

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@logora/debate",
-  "version": "0.4.69",
+  "version": "0.4.72",
   "type": "module",
   "license": "AGPL-3.0",
   "description": "Design system of @Logora made with React",

package/dist/assets/components/vote/vote_box/VoteBox.module-Bv7WY_vr.css

@@ -1 +0,0 @@
-._voteBox_1how7_3{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;width:100%}._voteResultsBox_1how7_11{display:flex!important;flex-direction:column!important;padding:0!important;width:100%}._voteResults_1how7_11{padding:0!important}._voteProgressHeader_1how7_22{margin-bottom:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important;display:flex!important;align-items:center!important;font-size:var(--font-size-normal, 16px);display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}._voteProgressHeaderAgainst_1how7_35{margin-top:var(--spacer-md, calc(var(--space-unit, 1em) * .75))!important}._voteResultsNumberVoters_1how7_39{display:flex!important;align-items:center!important;padding:0!important;font-size:var(--font-size-normal, 16px);color:var(--text-secondary, #5F5F5F)}._voteBoxFooter_1how7_47{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;margin-top:var(--space-unit, 1em)!important;padding:0!important}._voteBoxActions_1how7_56{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center;gap:var(--space-unit, 1em);color:var(--text-secondary, #5F5F5F);width:100%}._voteBoxActionsBody_1how7_66{display:grid!important;grid-template-columns:repeat(2,1fr);gap:var(--spacer-md, calc(var(--space-unit, 1em) * .75));padding:0!important;width:100%}._voteBoxActionsBodyColumn_1how7_74{grid-template-columns:1fr}._voteAction_1how7_78{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;padding:0!important;max-width:100%!important;width:100%!important;text-align:center}._voteAction_1how7_78._buttonAlignLeft_1how7_88{justify-content:flex-start!important}button._voteButton_1how7_92,a._voteButton_1how7_92{-webkit-appearance:initial!important;width:100%;-webkit-hyphens:auto;-ms-hyphens:auto;-moz-hyphens:auto;hyphens:auto;padding:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important}._textAlignLeft_1how7_103{justify-content:flex-start!important}._voteBoxShowResultContainer_1how7_107{display:flex!important;flex-direction:row!important;justify-content:center;flex-wrap:wrap!important;margin-top:.3em}._voteBoxShowResult_1how7_107{cursor:pointer}._voteBoxShowResult_1how7_107 a{color:inherit;text-decoration:none;background:none!important}._voteBoxShowResult_1how7_107 a:hover{text-decoration:none;background:none!important}._voteBoxShowResult_1how7_107 a:focus:not(:focus-visible){outline:none;box-shadow:none}._voteBoxShowResult_1how7_107 ._boldShowResult_1how7_131{font-weight:var(--font-weight-bold, 700);font-variation-settings:var(--font-variation-bold, normal);color:var(--text-primary, #222222)}._outlined_1how7_137{padding:7px 15px;border-radius:var(--box-border-radius, 6px);border:1px solid var(--text-primary, #222222)!important;white-space:nowrap}._voteButtonThesis_1how7_144{display:block;text-align:left;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@container (max-width: 767.98px){._voteButtonThesisSynthesisMobile_1how7_156{text-align:center!important}}._voteBoxActionsBody_1how7_66 ._voteAction_1how7_78:first-child ._voteButton_1how7_92,._voteBoxActionsBody_1how7_66 ._voteAction_1how7_78:first-child ._voteButton_1how7_92:hover{background-color:var(--for-primary-color, #cc6a6d)!important;border-color:var(--for-primary-color, #cc6a6d)!important;border:1px solid var(--for-primary-color, #cc6a6d)!important}._voteBoxActionsBody_1how7_66 ._voteAction_1how7_78:nth-child(2) ._voteButton_1how7_92{background-color:var(--against-primary-color, #7980bb)!important;border-color:var(--against-primary-color, #7980bb)!important;border:1px solid var(--against-primary-color, #7980bb)!important}._voteBoxActionsBody_1how7_66 ._voteAction_1how7_78:nth-child(2) ._voteButton_1how7_92:hover{background-color:var(--against-primary-color, #7980bb)!important;border-color:var(--against-primary-color, #7980bb)!important;border:1px solid var(--against-primary-color, #7980bb)!important}._voteBoxActionsBody_1how7_66 ._voteAction_1how7_78:nth-child(3) ._voteButton_1how7_92{background-color:var(--text-light, white)!important;color:var(--third-position-color-primary, #9b9b9b)!important;border-color:var(--third-position-color-primary, #9b9b9b)!important;border:1px solid var(--third-position-color-primary, #9b9b9b)!important}._voteBoxActionsBody_1how7_66 ._voteAction_1how7_78:nth-child(3) ._voteButton_1how7_92:hover{background-color:var(--text-light, white)!important;color:var(--third-position-color-primary, #9b9b9b)!important;border-color:var(--third-position-color-primary, #9b9b9b)!important;border:1px solid var(--third-position-color-primary, #9b9b9b)!important}._voteBoxActionsBodyOutlined_1how7_195 ._voteAction_1how7_78:first-child ._voteButton_1how7_92,._voteBoxActionsBodyOutlined_1how7_195 ._voteAction_1how7_78:first-child ._voteButton_1how7_92:hover{background-color:var(--text-light, white)!important;color:var(--for-primary-color, #cc6a6d)!important;border-color:var(--for-primary-color, #cc6a6d)!important;border:1px solid var(--for-primary-color, #cc6a6d)!important}._voteBoxActionsBodyOutlined_1how7_195 ._voteAction_1how7_78:nth-child(2) ._voteButton_1how7_92{background-color:var(--text-light, white)!important;color:var(--against-primary-color, #7980bb)!important;border-color:var(--against-primary-color, #7980bb)!important;border:1px solid var(--against-primary-color, #7980bb)!important}._voteBoxActionsBodyOutlined_1how7_195 ._voteAction_1how7_78:nth-child(2) ._voteButton_1how7_92:hover{background-color:var(--text-light, white)!important;color:var(--against-primary-color, #7980bb)!important;border-color:var(--against-primary-color, #7980bb)!important;border:1px solid var(--against-primary-color, #7980bb)!important}._voteBoxActionsBodyOutlined_1how7_195 ._voteAction_1how7_78:nth-child(3) ._voteButton_1how7_92{background-color:var(--text-light, white)!important;color:var(--third-position-color-primary, #9b9b9b)!important;border-color:var(--third-position-color-primary, #9b9b9b)!important;border:1px solid var(--third-position-color-primary, #9b9b9b)!important}._voteBoxActionsBodyOutlined_1how7_195 ._voteAction_1how7_78:nth-child(3) ._voteButton_1how7_92:hover{background-color:var(--text-light, white)!important;color:var(--third-position-color-primary, #9b9b9b)!important;border-color:var(--third-position-color-primary, #9b9b9b)!important;border:1px solid var(--third-position-color-primary, #9b9b9b)!important}._voteActionButton_1how7_234{cursor:pointer;-webkit-appearance:initial!important;background:none;border:none;color:var(--text-secondary, #5F5F5F)!important;font-size:inherit;padding:0;font-weight:var(--font-weight-bold, 700);font-variation-settings:var(--font-variation-bold, normal)}._voteActionButton_1how7_234:focus:not(:focus-visible){outline:none;box-shadow:none}._sideIcon_1how7_250 svg{margin-left:5px;fill:var(--text-primary, #222222)}._progress_1how7_255{border-radius:var(--button-border-radius, var(--box-border-radius, 6px));color:var(--text-secondary, #5F5F5F);height:2.2em}._progressBar_1how7_261{border-radius:var(--button-border-radius, var(--box-border-radius, 6px));height:100%}._voteResults_1how7_11>div:first-child ._progress_1how7_255 ._progressBar_1how7_261{background-color:var(--for-primary-color, #cc6a6d)!important}._voteResults_1how7_11>div:nth-child(2) ._progress_1how7_255 ._progressBar_1how7_261{background-color:var(--against-primary-color, #7980bb)!important}._voteResults_1how7_11 div:nth-child(3) ._progress_1how7_255 ._progressBar_1how7_261{background-color:var(--third-position-color-primary, #9b9b9b)!important}._voteCommentCounts_1how7_278{display:flex;align-items:center;gap:var(--space-unit, 1em);width:100%;margin-top:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important}._debateNumberItem_1how7_286{display:flex;align-items:center;gap:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25));font-size:var(--font-size-normal, 16px);color:var(--text-primary, #222222);white-space:nowrap}._debateNumberLabel_1how7_295{white-space:nowrap}._showResultButton_1how7_299{background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer}._showResultButton_1how7_299:focus:not(:focus-visible){outline:none;box-shadow:none}._voteResultInfoText_1how7_312{font-size:var(--font-size-small, 16px);color:var(--text-secondary, #5F5F5F);text-align:left;width:100%;align-self:flex-start}