@logora/debate 0.3.27 → 0.3.29

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.
Files changed (5) hide show
  1. package/dist/assets/components/consultation/consultation_box/ConsultationBox.module-MTyBYdiY.css +1 -0
  2. package/dist/components/consultation/consultation_box/ConsultationBox.js +30 -30
  3. package/dist/components/consultation/consultation_box/ConsultationBox.module.scss.js +30 -26
  4. package/package.json +1 -1
  5. package/dist/assets/components/consultation/consultation_box/ConsultationBox.module-u4MksaQ0.css +0 -1
package/dist/assets/components/consultation/consultation_box/ConsultationBox.module-MTyBYdiY.css ADDED
@@ -0,0 +1 @@
1
+ ._container_ct2pg_3{display:flex!important;flex-direction:column!important;justify-content:space-between!important;box-shadow:var(--box-shadow, 0px 2px 5px rgba(7, 42, 68, .1));border:var(--box-border, 1px solid rgba(7, 42, 68, .1));color:var(--text-primary, #222222);border-radius:var(--box-border-radius, 6px);background:var(--background-color-primary, white)}._container_ct2pg_3 a{text-decoration:none!important;color:var(--text-primary, #222222)!important}._consultationImageBox_ct2pg_18{position:relative}._consultationImage_ct2pg_18{border-top-right-radius:var(--box-border-radius, 6px);border-top-left-radius:var(--box-border-radius, 6px);width:100%;aspect-ratio:16/9;object-fit:cover;display:block}._consultationTime_ct2pg_31{display:flex!important;align-items:center!important;position:absolute;left:var(--space-unit, 1em);bottom:var(--space-unit, 1em);padding-right:var(--spacer-md, calc(var(--space-unit, 1em) * .75))!important;padding-left:var(--spacer-md, calc(var(--space-unit, 1em) * .75))!important;padding-top:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important;padding-bottom:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important;background-color:var(--call-primary-color, #434343);border-radius:var(--box-border-radius, 6px);font-size:var(--font-size-normal, 16px);color:var(--text-light, white);max-width:93%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._consultationTime_ct2pg_31 span{color:var(--text-light, white)}._consultationTime_ct2pg_31._ended_ct2pg_53{background-color:var(--call-primary-color, #434343)}._consultationTitle_ct2pg_57{padding-top:var(--spacer-lg, calc(var(--space-unit, 1em) * 1.5))!important;padding-bottom:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important;padding-right:var(--space-unit, 1em)!important;padding-left:var(--space-unit, 1em)!important;font-size:var(--font-size-normal, 16px);font-weight:var(--font-weight-bold, 700)}._iconVote_ct2pg_66{padding-top:3px!important}._iconChat_ct2pg_70{padding-top:5px!important}._consultationButtonContainer_ct2pg_74{display:flex!important;padding-right:var(--space-unit, 1em)!important;padding-left:var(--space-unit, 1em)!important;padding-bottom:var(--spacer-lg, calc(var(--space-unit, 1em) * 1.5))!important;color:var(--text-secondary, #5F5F5F);font-size:var(--font-size-small, 16px)}._consultationButtonContainer_ct2pg_74:hover{text-decoration:underline;text-decoration-color:var(--text-secondary, #5F5F5F)}._consultationButtonContainer_ct2pg_74 ._arrowIcon_ct2pg_86{margin-left:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important;transform:rotate(180deg);fill:var(--text-secondary, #5F5F5F);top:1px;position:relative}._consultationInformations_ct2pg_94{display:flex!important;justify-content:space-between!important;align-items:center!important;padding-right:var(--space-unit, 1em)!important;padding-left:var(--space-unit, 1em)!important;padding-top:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important;padding-bottom:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important;min-height:50px}._consultationInformations_ct2pg_94 ._consultationLeft_ct2pg_104{display:flex!important}._consultationInformations_ct2pg_94 ._consultationGroupInformation_ct2pg_107{display:flex!important;align-items:center!important}._consultationInformations_ct2pg_94 ._consultationGroupInformation_ct2pg_107._consultationGroupRight_ct2pg_111{padding-right:var(--space-unit, 1em)!important}._consultationInformations_ct2pg_94 ._progressBarContainer_ct2pg_114{width:60%;display:flex!important;flex-direction:column!important;align-items:flex-end!important;font-size:var(--font-size-extra-small, 14px)}._consultationInformations_ct2pg_94 ._progressBarContainer_ct2pg_114 ._progress_ct2pg_114{margin-top:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important;height:15px;width:100%;border-radius:var(--box-border-radius, 6px);background-color:var(--background-color-secondary, #E8E8E8)!important}._consultationInformations_ct2pg_94 ._progressBarContainer_ct2pg_114 ._bar_ct2pg_128{background-color:var(--call-primary-color, #434343)}._consultationInformations_ct2pg_94 ._progressBarContainer_ct2pg_114 ._totalVotes_ct2pg_131{margin-right:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important}._consultationInformations_ct2pg_94 ._progressBarContainer_ct2pg_114 ._totalVotesPercentage_ct2pg_134{margin-left:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important}._consultationInformations_ct2pg_94 ._consultationTextInformation_ct2pg_137{padding-right:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important;padding-top:10px!important}
package/dist/components/consultation/consultation_box/ConsultationBox.js CHANGED
@@ -1,8 +1,8 @@
1
- import { jsx as o, Fragment as m, jsxs as n } from "react/jsx-runtime";
1
+ import { jsx as t, Fragment as m, jsxs as n } from "react/jsx-runtime";
2
2
  import r from "classnames";
3
3
  import { useMemo as p } from "react";
4
4
  import { useIntl as f, FormattedMessage as v } from "react-intl";
5
- import t from "./ConsultationBox.module.scss.js";
5
+ import o from "./ConsultationBox.module.scss.js";
6
6
  import { useRelativeTime as N } from "../../hooks/use_relative_time/useRelativeTime.js";
7
7
  import { useRoutes as _ } from "../../data/config_provider/useRoutes.js";
8
8
  import { useResponsive as x } from "../../hooks/use_responsive/useResponsive.js";
@@ -11,26 +11,26 @@ import { TranslatedContent as I } from "../../translation/translated_content/Tra
11
11
  import { Icon as c } from "../../icons/icon/Icon.js";
12
12
  import { ProgressBar as T } from "../../progress/progress_bar/ProgressBar.js";
13
13
  const P = ({ consultation: e, showVoteProgress: d = !0 }) => {
14
- const u = f(), s = p(() => /* @__PURE__ */ new Date()), a = new Date(e.ends_at), g = N(a.getTime()), i = _(), { isMobile: w } = x(), h = () => a < s ? /* @__PURE__ */ o("span", { children: /* @__PURE__ */ o(
14
+ const u = f(), s = p(() => /* @__PURE__ */ new Date()), a = new Date(e.ends_at), g = N(a.getTime()), i = _(), { isMobile: w } = x(), h = () => a < s ? /* @__PURE__ */ t("span", { children: /* @__PURE__ */ t(
15
15
  v,
16
16
  {
17
17
  id: "consultation.consultation_box.consultation_ended",
18
18
  defaultMessage: "Consultation ended"
19
19
  }
20
- ) }) : /* @__PURE__ */ o(m, { children: /* @__PURE__ */ o("span", { children: g }) });
21
- return /* @__PURE__ */ o(m, { children: /* @__PURE__ */ n("div", { className: t.container, children: [
22
- /* @__PURE__ */ n("div", { className: t.consultationImageBox, children: [
23
- /* @__PURE__ */ o(
20
+ ) }) : /* @__PURE__ */ t(m, { children: /* @__PURE__ */ t("span", { children: g }) });
21
+ return /* @__PURE__ */ t(m, { children: /* @__PURE__ */ n("div", { className: o.container, children: [
22
+ /* @__PURE__ */ n("div", { className: o.consultationImageBox, children: [
23
+ /* @__PURE__ */ t(
24
24
  l,
25
25
  {
26
26
  to: i.consultationShowLocation.toUrl({
27
27
  consultationSlug: e.slug
28
28
  }),
29
- children: /* @__PURE__ */ o(
29
+ children: /* @__PURE__ */ t(
30
30
  "img",
31
31
  {
32
32
  loading: "lazy",
33
- className: t.consultationImage,
33
+ className: o.consultationImage,
34
34
  src: e.image_url,
35
35
  alt: u.formatMessage({
36
36
  id: "consultation.consultation_box.alt",
@@ -40,23 +40,23 @@ const P = ({ consultation: e, showVoteProgress: d = !0 }) => {
40
40
  )
41
41
  }
42
42
  ),
43
- e.ends_at && /* @__PURE__ */ o(
43
+ e.ends_at && /* @__PURE__ */ t(
44
44
  "div",
45
45
  {
46
- className: r(t.consultationTime, {
47
- [t.ended]: a < s
46
+ className: r(o.consultationTime, {
47
+ [o.ended]: a < s
48
48
  }),
49
49
  children: h()
50
50
  }
51
51
  )
52
52
  ] }),
53
- /* @__PURE__ */ o(
53
+ /* @__PURE__ */ t(
54
54
  l,
55
55
  {
56
56
  to: i.consultationShowLocation.toUrl({
57
57
  consultationSlug: e.slug
58
58
  }),
59
- children: /* @__PURE__ */ o("div", { className: t.consultationTitle, children: /* @__PURE__ */ o(
59
+ children: /* @__PURE__ */ t("div", { className: o.consultationTitle, children: /* @__PURE__ */ t(
60
60
  I,
61
61
  {
62
62
  originalContent: e.title,
@@ -67,7 +67,7 @@ const P = ({ consultation: e, showVoteProgress: d = !0 }) => {
67
67
  ) })
68
68
  }
69
69
  ),
70
- /* @__PURE__ */ o(
70
+ /* @__PURE__ */ t(
71
71
  l,
72
72
  {
73
73
  to: i.consultationShowLocation.toUrl({
@@ -75,38 +75,38 @@ const P = ({ consultation: e, showVoteProgress: d = !0 }) => {
75
75
  })
76
76
  }
77
77
  ),
78
- /* @__PURE__ */ n("div", { className: t.consultationInformations, children: [
79
- /* @__PURE__ */ n("div", { className: t.consultationLeft, children: [
78
+ /* @__PURE__ */ n("div", { className: o.consultationInformations, children: [
79
+ /* @__PURE__ */ n("div", { className: o.consultationLeft, children: [
80
80
  /* @__PURE__ */ n(
81
81
  "div",
82
82
  {
83
83
  className: r(
84
- t.consultationGroupInformation,
85
- t.consultationGroupRight
84
+ o.consultationGroupInformation,
85
+ o.consultationGroupRight
86
86
  ),
87
87
  children: [
88
- /* @__PURE__ */ o("span", { className: t.consultationTextInformation, children: e.total_votes }),
89
- /* @__PURE__ */ o(c, { name: "votebox", width: 15, height: 20 })
88
+ /* @__PURE__ */ t("span", { className: o.consultationTextInformation, children: e.total_votes }),
89
+ /* @__PURE__ */ t(c, { name: "votebox", width: 15, height: 20, className: o.iconVote })
90
90
  ]
91
91
  }
92
92
  ),
93
- /* @__PURE__ */ n("div", { className: t.consultationGroupInformation, children: [
94
- /* @__PURE__ */ o("span", { className: t.consultationTextInformation, children: e.proposals_count }),
95
- /* @__PURE__ */ o(c, { name: "chat", width: 15, height: 20 })
93
+ /* @__PURE__ */ n("div", { className: o.consultationGroupInformation, children: [
94
+ /* @__PURE__ */ t("span", { className: o.consultationTextInformation, children: e.proposals_count }),
95
+ /* @__PURE__ */ t(c, { name: "chat", width: 16, height: 16, className: o.iconChat })
96
96
  ] })
97
97
  ] }),
98
- d && e.vote_goal > 0 && a > s && /* @__PURE__ */ o(
98
+ d && e.vote_goal > 0 && a > s && /* @__PURE__ */ t(
99
99
  "div",
100
100
  {
101
101
  className: r(
102
- t.consultationGroupInformation,
103
- t.progressBarContainer
102
+ o.consultationGroupInformation,
103
+ o.progressBarContainer
104
104
  ),
105
- children: /* @__PURE__ */ o(
105
+ children: /* @__PURE__ */ t(
106
106
  T,
107
107
  {
108
- className: t.progress,
109
- innerClassName: t.bar,
108
+ className: o.progress,
109
+ innerClassName: o.bar,
110
110
  progress: e.total_votes,
111
111
  goal: e.vote_goal,
112
112
  showProgressSubtitle: !0,
package/dist/components/consultation/consultation_box/ConsultationBox.module.scss.js CHANGED
@@ -1,33 +1,37 @@
1
- import '../../../assets/components/consultation/consultation_box/ConsultationBox.module-u4MksaQ0.css';const o = "_container_16to4_3", t = "_consultationImageBox_16to4_18", n = "_consultationImage_16to4_18", s = "_consultationTime_16to4_31", a = "_ended_16to4_53", i = "_consultationTitle_16to4_57", c = "_consultationInformations_16to4_86", _ = "_consultationLeft_16to4_96", r = "_consultationGroupInformation_16to4_99", e = "_consultationGroupRight_16to4_103", u = "_progressBarContainer_16to4_106", l = "_progress_16to4_106", m = "_bar_16to4_120", g = "_consultationTextInformation_16to4_129", I = {
2
- container: o,
3
- consultationImageBox: t,
1
+ import '../../../assets/components/consultation/consultation_box/ConsultationBox.module-MTyBYdiY.css';const t = "_container_ct2pg_3", o = "_consultationImageBox_ct2pg_18", n = "_consultationImage_ct2pg_18", c = "_consultationTime_ct2pg_31", s = "_ended_ct2pg_53", a = "_consultationTitle_ct2pg_57", i = "_iconVote_ct2pg_66", _ = "_iconChat_ct2pg_70", e = "_consultationInformations_ct2pg_94", r = "_consultationLeft_ct2pg_104", u = "_consultationGroupInformation_ct2pg_107", l = "_consultationGroupRight_ct2pg_111", g = "_progressBarContainer_ct2pg_114", p = "_progress_ct2pg_114", m = "_bar_ct2pg_128", I = "_consultationTextInformation_ct2pg_137", f = {
2
+ container: t,
3
+ consultationImageBox: o,
4
4
  consultationImage: n,
5
- consultationTime: s,
6
- ended: a,
7
- consultationTitle: i,
8
- consultationInformations: c,
9
- consultationLeft: _,
10
- consultationGroupInformation: r,
11
- consultationGroupRight: e,
12
- progressBarContainer: u,
13
- progress: l,
5
+ consultationTime: c,
6
+ ended: s,
7
+ consultationTitle: a,
8
+ iconVote: i,
9
+ iconChat: _,
10
+ consultationInformations: e,
11
+ consultationLeft: r,
12
+ consultationGroupInformation: u,
13
+ consultationGroupRight: l,
14
+ progressBarContainer: g,
15
+ progress: p,
14
16
  bar: m,
15
- consultationTextInformation: g
17
+ consultationTextInformation: I
16
18
  };
17
19
  export {
18
20
  m as bar,
19
- r as consultationGroupInformation,
20
- e as consultationGroupRight,
21
+ u as consultationGroupInformation,
22
+ l as consultationGroupRight,
21
23
  n as consultationImage,
22
- t as consultationImageBox,
23
- c as consultationInformations,
24
- _ as consultationLeft,
25
- g as consultationTextInformation,
26
- s as consultationTime,
27
- i as consultationTitle,
28
- o as container,
29
- I as default,
30
- a as ended,
31
- l as progress,
32
- u as progressBarContainer
24
+ o as consultationImageBox,
25
+ e as consultationInformations,
26
+ r as consultationLeft,
27
+ I as consultationTextInformation,
28
+ c as consultationTime,
29
+ a as consultationTitle,
30
+ t as container,
31
+ f as default,
32
+ s as ended,
33
+ _ as iconChat,
34
+ i as iconVote,
35
+ p as progress,
36
+ g as progressBarContainer
33
37
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@logora/debate",
3
- "version": "0.3.27",
3
+ "version": "0.3.29",
4
4
  "type": "module",
5
5
  "license": "AGPL-3.0",
6
6
  "description": "Design system of @Logora made with React",
package/dist/assets/components/consultation/consultation_box/ConsultationBox.module-u4MksaQ0.css DELETED
@@ -1 +0,0 @@
1
- ._container_16to4_3{display:flex!important;flex-direction:column!important;justify-content:space-between!important;box-shadow:var(--box-shadow, 0px 2px 5px rgba(7, 42, 68, .1));border:var(--box-border, 1px solid rgba(7, 42, 68, .1));color:var(--text-primary, #222222);border-radius:var(--box-border-radius, 6px);background:var(--background-color-primary, white)}._container_16to4_3 a{text-decoration:none!important;color:var(--text-primary, #222222)!important}._consultationImageBox_16to4_18{position:relative}._consultationImage_16to4_18{border-top-right-radius:var(--box-border-radius, 6px);border-top-left-radius:var(--box-border-radius, 6px);width:100%;aspect-ratio:16/9;object-fit:cover;display:block}._consultationTime_16to4_31{display:flex!important;align-items:center!important;position:absolute;left:var(--space-unit, 1em);bottom:var(--space-unit, 1em);padding-right:var(--spacer-md, calc(var(--space-unit, 1em) * .75))!important;padding-left:var(--spacer-md, calc(var(--space-unit, 1em) * .75))!important;padding-top:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important;padding-bottom:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important;background-color:var(--call-primary-color, #434343);border-radius:var(--box-border-radius, 6px);font-size:var(--font-size-normal, 16px);color:var(--text-light, white);max-width:93%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._consultationTime_16to4_31 span{color:var(--text-light, white)}._consultationTime_16to4_31._ended_16to4_53{background-color:var(--call-primary-color, #434343)}._consultationTitle_16to4_57{padding-top:var(--spacer-lg, calc(var(--space-unit, 1em) * 1.5))!important;padding-bottom:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important;padding-right:var(--space-unit, 1em)!important;padding-left:var(--space-unit, 1em)!important;font-size:var(--font-size-normal, 16px);font-weight:var(--font-weight-bold, 700)}._consultationButtonContainer_16to4_66{display:flex!important;padding-right:var(--space-unit, 1em)!important;padding-left:var(--space-unit, 1em)!important;padding-bottom:var(--spacer-lg, calc(var(--space-unit, 1em) * 1.5))!important;color:var(--text-secondary, #5F5F5F);font-size:var(--font-size-small, 16px)}._consultationButtonContainer_16to4_66:hover{text-decoration:underline;text-decoration-color:var(--text-secondary, #5F5F5F)}._consultationButtonContainer_16to4_66 ._arrowIcon_16to4_78{margin-left:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important;transform:rotate(180deg);fill:var(--text-secondary, #5F5F5F);top:1px;position:relative}._consultationInformations_16to4_86{display:flex!important;justify-content:space-between!important;align-items:center!important;padding-right:var(--space-unit, 1em)!important;padding-left:var(--space-unit, 1em)!important;padding-top:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important;padding-bottom:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))!important;min-height:50px}._consultationInformations_16to4_86 ._consultationLeft_16to4_96{display:flex!important}._consultationInformations_16to4_86 ._consultationGroupInformation_16to4_99{display:flex!important;align-items:center!important}._consultationInformations_16to4_86 ._consultationGroupInformation_16to4_99._consultationGroupRight_16to4_103{padding-right:var(--space-unit, 1em)!important}._consultationInformations_16to4_86 ._progressBarContainer_16to4_106{width:60%;display:flex!important;flex-direction:column!important;align-items:flex-end!important;font-size:var(--font-size-extra-small, 14px)}._consultationInformations_16to4_86 ._progressBarContainer_16to4_106 ._progress_16to4_106{margin-top:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important;height:15px;width:100%;border-radius:var(--box-border-radius, 6px);background-color:var(--background-color-secondary, #E8E8E8)!important}._consultationInformations_16to4_86 ._progressBarContainer_16to4_106 ._bar_16to4_120{background-color:var(--call-primary-color, #434343)}._consultationInformations_16to4_86 ._progressBarContainer_16to4_106 ._totalVotes_16to4_123{margin-right:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important}._consultationInformations_16to4_86 ._progressBarContainer_16to4_106 ._totalVotesPercentage_16to4_126{margin-left:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important}._consultationInformations_16to4_86 ._consultationTextInformation_16to4_129{padding-right:var(--spacer-xxs, calc(var(--space-unit, 1em) * .25))!important}