@fluidattacks/design 3.1.13 → 3.1.14

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 (159) hide show
  1. package/dist/assets/design.css +1 -0
  2. package/dist/components/@core/index.js +15 -16
  3. package/dist/components/accordion/accordion-content/index.js +3 -20
  4. package/dist/components/accordion/index.js +5 -76
  5. package/dist/components/alert/index.js +4 -162
  6. package/dist/components/button/index.js +4 -67
  7. package/dist/components/card/card-header/index.js +4 -81
  8. package/dist/components/card/card-with-image/index.js +5 -91
  9. package/dist/components/card/card-with-input/index.js +5 -103
  10. package/dist/components/card/card-with-selector/index.js +4 -69
  11. package/dist/components/card/card-with-switch/index.js +4 -48
  12. package/dist/components/card/index.js +6 -10
  13. package/dist/components/carousel/index.js +4 -73
  14. package/dist/components/checkbox/index.js +4 -116
  15. package/dist/components/cloud-image/index.js +2 -2
  16. package/dist/components/code-snippet/index.js +6 -70
  17. package/dist/components/code-snippet/location-code/index.js +7 -169
  18. package/dist/components/colors/index.js +7 -222
  19. package/dist/components/confirm-dialog/index.js +4 -43
  20. package/dist/components/container/index.js +4 -49
  21. package/dist/components/content-card/category-tag/index.js +4 -40
  22. package/dist/components/content-card/event-date/index.js +5 -59
  23. package/dist/components/content-card/index.js +4 -166
  24. package/dist/components/content-card-carousel/index.js +4 -93
  25. package/dist/components/content-card-carousel/scroll-buttons/index.js +2 -4
  26. package/dist/components/divider/index.js +4 -23
  27. package/dist/components/empty-state/empty-button/index.js +3 -4
  28. package/dist/components/empty-state/index.js +3 -83
  29. package/dist/components/file-preview/index.js +3 -42
  30. package/dist/components/form/index.js +4 -61
  31. package/dist/components/grid-container/index.js +4 -46
  32. package/dist/components/group-selector/index.js +6 -133
  33. package/dist/components/group-selector/option-container/index.js +3 -7
  34. package/dist/components/icon/index.js +4 -106
  35. package/dist/components/icon-button/index.js +4 -74
  36. package/dist/components/indicator-card/index.js +5 -72
  37. package/dist/components/info-sidebar/index.js +4 -114
  38. package/dist/components/inputs/fields/combobox/index.js +7 -144
  39. package/dist/components/inputs/fields/combobox/option/index.js +2 -3
  40. package/dist/components/inputs/fields/date/calendar/cell/index.js +7 -25
  41. package/dist/components/inputs/fields/date/calendar/grid/index.js +5 -24
  42. package/dist/components/inputs/fields/date/calendar/header/index.js +4 -36
  43. package/dist/components/inputs/fields/date/calendar/index.js +6 -28
  44. package/dist/components/inputs/fields/date/index.js +8 -66
  45. package/dist/components/inputs/fields/date-range/calendar/index.js +7 -33
  46. package/dist/components/inputs/fields/date-range/index.js +6 -106
  47. package/dist/components/inputs/fields/date-time/calendar/index.js +7 -62
  48. package/dist/components/inputs/fields/date-time/index.js +6 -67
  49. package/dist/components/inputs/fields/editable/index.js +4 -26
  50. package/dist/components/inputs/fields/input/index.js +5 -75
  51. package/dist/components/inputs/fields/input-file/index.js +6 -123
  52. package/dist/components/inputs/fields/input-tags/index.js +4 -66
  53. package/dist/components/inputs/fields/number/index.js +4 -55
  54. package/dist/components/inputs/fields/number-range/index.js +4 -47
  55. package/dist/components/inputs/fields/phone/index.js +7 -577
  56. package/dist/components/inputs/fields/text-area/index.js +5 -79
  57. package/dist/components/inputs/index.js +14 -26
  58. package/dist/components/inputs/label/index.js +5 -36
  59. package/dist/components/inputs/outline-container/index.js +4 -102
  60. package/dist/components/inputs/utils/action-button/index.js +4 -29
  61. package/dist/components/inputs/utils/calendar-button/index.js +5 -35
  62. package/dist/components/inputs/utils/date-selector/index.js +3 -60
  63. package/dist/components/inputs/utils/date-time-field/index.js +10 -131
  64. package/dist/components/inputs/utils/dialog/index.js +5 -12
  65. package/dist/components/inputs/utils/number-field/index.js +5 -84
  66. package/dist/components/inputs/utils/popover/index.js +5 -42
  67. package/dist/components/interactive-card/icon/index.js +2 -4
  68. package/dist/components/interactive-card/index.js +4 -116
  69. package/dist/components/language-selector/index.js +4 -35
  70. package/dist/components/language-selector/item-list/index.js +2 -5
  71. package/dist/components/link/index.js +3 -104
  72. package/dist/components/list-item/index.js +6 -65
  73. package/dist/components/little-flag/index.js +3 -30
  74. package/dist/components/loading/index.js +4 -92
  75. package/dist/components/logo/index.js +2 -10
  76. package/dist/components/logo-carousel/index.js +4 -85
  77. package/dist/components/lottie/index.js +3 -18
  78. package/dist/components/menu/index.js +5 -64
  79. package/dist/components/message-banner/index.js +5 -99
  80. package/dist/components/modal/index.js +6 -63
  81. package/dist/components/modal/modal-confirm/index.js +3 -49
  82. package/dist/components/modal/modal-footer/index.js +5 -23
  83. package/dist/components/modal/modal-header/index.js +6 -49
  84. package/dist/components/notification/index.js +5 -111
  85. package/dist/components/notification-sign/index.js +4 -45
  86. package/dist/components/number-input/index.js +5 -87
  87. package/dist/components/oauth-selector/index.js +6 -98
  88. package/dist/components/oauth-selector/option-container/index.js +4 -74
  89. package/dist/components/plan-card/index.js +3 -153
  90. package/dist/components/plan-card/recommended-tag/index.js +3 -29
  91. package/dist/components/pop-up/description/index.js +5 -49
  92. package/dist/components/pop-up/index.js +7 -150
  93. package/dist/components/premium-feature/index.js +4 -83
  94. package/dist/components/priority-score/index.js +4 -27
  95. package/dist/components/progress/index.js +5 -45
  96. package/dist/components/progress-bar/index.js +3 -151
  97. package/dist/components/radio-button/index.js +4 -123
  98. package/dist/components/scroll-button/index.js +4 -40
  99. package/dist/components/search/index.js +7 -103
  100. package/dist/components/search-bar/index.js +4 -217
  101. package/dist/components/search-bar/item-searching/index.js +2 -7
  102. package/dist/components/severity-badge/index.js +4 -72
  103. package/dist/components/severity-overview/badge/index.js +4 -67
  104. package/dist/components/severity-overview/index.js +3 -15
  105. package/dist/components/show-on-hover/index.js +3 -29
  106. package/dist/components/slide-out-menu/index.js +6 -3453
  107. package/dist/components/slide-out-menu/menu-item/index.js +4 -65
  108. package/dist/components/slider/index.js +7 -122
  109. package/dist/components/slider/thumb/index.js +5 -15
  110. package/dist/components/step-lapse/index.js +4 -157
  111. package/dist/components/table-button/index.js +4 -95
  112. package/dist/components/tabs/fixed-tabs/index.js +3 -27
  113. package/dist/components/tabs/index.js +6 -55
  114. package/dist/components/tabs/tab/index.js +3 -37
  115. package/dist/components/tag/index.js +4 -182
  116. package/dist/components/timeline/card/index.js +2 -5
  117. package/dist/components/timeline/index.js +4 -15
  118. package/dist/components/toggle/index.js +4 -101
  119. package/dist/components/toggle-buttons/index.js +4 -101
  120. package/dist/components/tooltip/index.js +3 -6
  121. package/dist/components/tour/index.js +7 -4582
  122. package/dist/components/typography/heading/index.js +4 -45
  123. package/dist/components/typography/index.js +4 -6
  124. package/dist/components/typography/span/index.js +4 -39
  125. package/dist/components/typography/text/index.js +4 -45
  126. package/dist/components/web-form/index.js +4 -78
  127. package/dist/components-C2JBXbtI.mjs +9653 -0
  128. package/dist/hooks/index.js +6 -10
  129. package/dist/index.js +113 -205
  130. package/dist/vendor-CVMqCpkZ.mjs +14504 -0
  131. package/package.json +2 -1
  132. package/dist/_commonjsHelpers-C6fGbg64.mjs +0 -6
  133. package/dist/assets/index.css +0 -1
  134. package/dist/assets/index2.css +0 -1
  135. package/dist/index-BMHVi812.mjs +0 -234
  136. package/dist/index-BzAniA2J.mjs +0 -135
  137. package/dist/index-C6LbClYh.mjs +0 -146
  138. package/dist/index-CAIe8hBv.mjs +0 -130
  139. package/dist/index-CUQBAqt_.mjs +0 -75
  140. package/dist/index-CWlrSlUk.mjs +0 -68
  141. package/dist/index-Ckmu1TfV.mjs +0 -86
  142. package/dist/index-DwznImvK.mjs +0 -1678
  143. package/dist/index-maWH3JYC.mjs +0 -3561
  144. package/dist/styles-B2N0JLw1.mjs +0 -114
  145. package/dist/styles-B64DVBIF.mjs +0 -115
  146. package/dist/styles-BXFVwnWT.mjs +0 -133
  147. package/dist/styles-BZQOqe8p.mjs +0 -141
  148. package/dist/styles-Bdque9TT.mjs +0 -65
  149. package/dist/styles-BlHspTrz.mjs +0 -144
  150. package/dist/styles-CROOwXEH.mjs +0 -76
  151. package/dist/styles-CplEd2kw.mjs +0 -228
  152. package/dist/styles-D1eTIklB.mjs +0 -110
  153. package/dist/styles-ePGii_9g.mjs +0 -74
  154. package/dist/use-carousel-CgAF78h3.mjs +0 -23
  155. package/dist/use-click-outside-BUll8Ag-.mjs +0 -18
  156. package/dist/use-cloudinary-image-BCxwj15o.mjs +0 -1176
  157. package/dist/use-modal-CtgexKnf.mjs +0 -14
  158. package/dist/use-search-Dj47QDw9.mjs +0 -15
  159. package/dist/utils-V0EumEPM.mjs +0 -6
@@ -1,125 +1,8 @@
1
- import { jsxs as n, jsx as t } from "react/jsx-runtime";
2
- import { isEmpty as v } from "lodash";
3
- import { forwardRef as C } from "react";
4
- import { styled as s, useTheme as F } from "styled-components";
5
- import { b as T } from "../../../../styles-B64DVBIF.mjs";
6
- import { OutlineContainer as $ } from "../../outline-container/index.js";
7
- import { S as b } from "../../../../styles-BXFVwnWT.mjs";
8
- import { Button as z } from "../../../button/index.js";
9
- import { Container as j } from "../../../container/index.js";
10
- import { Icon as m } from "../../../icon/index.js";
11
- import { IconButton as N } from "../../../icon-button/index.js";
12
- const A = s(T)`
13
- white-space: nowrap;
14
- margin-right: ${({ theme: e }) => e.spacing[0.25]};
15
- text-overflow: ellipsis;
16
- overflow: hidden;
17
- max-width: 80%;
18
- `, B = s.input`
19
- opacity: 0;
20
- position: absolute;
21
- visibility: hidden;
22
- width: 0;
23
- `, R = (e) => {
24
- const o = e;
25
- return o ? Array.from(o).map((i) => i.name).join(", ") : "";
26
- }, P = C(function({
27
- accept: o,
28
- disabled: i = !1,
29
- error: p,
30
- label: c,
31
- helpLink: d,
32
- helpText: f,
33
- id: h,
34
- multiple: x,
35
- name: r,
36
- required: u,
37
- tooltip: y,
38
- weight: g,
39
- value: w,
40
- ...I
41
- }, S) {
42
- const a = F(), l = R(w);
43
- return /* @__PURE__ */ n(
44
- $,
45
- {
46
- error: p,
47
- helpLink: d,
48
- helpText: f,
49
- htmlFor: r,
50
- label: c,
51
- required: u,
52
- tooltip: y,
53
- weight: g,
54
- children: [
55
- /* @__PURE__ */ n(
56
- b,
57
- {
58
- className: `${i ? "disabled" : ""} ${p ? "error" : ""}`,
59
- children: [
60
- /* @__PURE__ */ t(A, { $size: "xs", children: l }),
61
- /* @__PURE__ */ n(j, { display: "flex", gap: 0.5, children: [
62
- v(l) ? void 0 : /* @__PURE__ */ t(
63
- N,
64
- {
65
- color: a.palette.gray[400],
66
- height: "20px",
67
- icon: "xmark",
68
- iconSize: "lg",
69
- iconType: "fa-light",
70
- variant: "ghost",
71
- width: "20px"
72
- }
73
- ),
74
- p && /* @__PURE__ */ t(
75
- m,
76
- {
77
- icon: "exclamation-circle",
78
- iconClass: "error-icon",
79
- iconColor: a.palette.error[500],
80
- iconSize: "xs"
81
- }
82
- )
83
- ] }),
84
- /* @__PURE__ */ n(
85
- z,
86
- {
87
- border: i ? `1px solid ${a.palette.gray[300]} !important` : "",
88
- borderRadius: "0px 8px 8px 0px !important",
89
- disabled: i,
90
- height: "40px",
91
- variant: "primary",
92
- width: "96px",
93
- children: [
94
- /* @__PURE__ */ t(m, { icon: "search", iconSize: "sm", mr: 0.5 }),
95
- "Add file"
96
- ]
97
- }
98
- )
99
- ]
100
- }
101
- ),
102
- /* @__PURE__ */ t(
103
- B,
104
- {
105
- accept: o,
106
- "aria-label": r,
107
- "data-testid": r,
108
- disabled: i,
109
- id: h,
110
- multiple: x,
111
- name: r,
112
- ref: S,
113
- required: void 0,
114
- type: "file",
115
- value: void 0,
116
- ...I
117
- }
118
- )
119
- ]
120
- }
121
- );
122
- });
1
+ import "react/jsx-runtime";
2
+ import "lodash";
3
+ import "react";
4
+ import "styled-components";
5
+ import { X as e } from "../../../../components-C2JBXbtI.mjs";
123
6
  export {
124
- P as InputFile
7
+ e as InputFile
125
8
  };
@@ -1,68 +1,6 @@
1
- import { jsx as o, jsxs as c } from "react/jsx-runtime";
2
- import { forwardRef as h, useMemo as x } from "react";
3
- import { styled as T } from "styled-components";
4
- import { OutlineContainer as y } from "../../outline-container/index.js";
5
- import { S as I } from "../../../../styles-BXFVwnWT.mjs";
6
- import { Tag as b } from "../../../tag/index.js";
7
- const C = T.input`
8
- border: none;
9
- background: transparent;
10
- min-width: 15rem;
11
- padding: 0;
12
- flex: 1;
13
- `, L = h(function({
14
- disabled: r = !1,
15
- error: n,
16
- label: s,
17
- name: e = "input-tag",
18
- onChange: f,
19
- placeholder: l,
20
- required: a,
21
- tooltip: m,
22
- weight: d,
23
- value: t,
24
- ...u
25
- }, g) {
26
- const i = x(() => t && typeof t == "string" ? t.split(",").filter(Boolean) : [], [t]);
27
- return /* @__PURE__ */ o(
28
- y,
29
- {
30
- error: n,
31
- htmlFor: e,
32
- label: s,
33
- required: a,
34
- tooltip: m,
35
- weight: d,
36
- children: /* @__PURE__ */ c(
37
- I,
38
- {
39
- className: `${r ? "disabled" : ""} ${n ? "error" : ""}`,
40
- children: [
41
- i.map((p) => /* @__PURE__ */ o(b, { disabled: r, tagLabel: p }, p)),
42
- /* @__PURE__ */ o(
43
- C,
44
- {
45
- "aria-hidden": !1,
46
- "aria-invalid": n ? "true" : "false",
47
- "aria-label": e,
48
- "aria-required": a,
49
- autoComplete: "off",
50
- disabled: r,
51
- name: e,
52
- onChange: f,
53
- placeholder: i.length === 0 ? l : void 0,
54
- ref: g,
55
- type: "text",
56
- value: t,
57
- ...u
58
- }
59
- )
60
- ]
61
- }
62
- )
63
- }
64
- );
65
- });
1
+ import "react/jsx-runtime";
2
+ import "react";
3
+ import { Z as m } from "../../../../components-C2JBXbtI.mjs";
66
4
  export {
67
- L as InputTags
5
+ m as InputTags
68
6
  };
@@ -1,57 +1,6 @@
1
- import { jsx as t } from "react/jsx-runtime";
2
- import { forwardRef as F } from "react";
3
- import { OutlineContainer as I } from "../../outline-container/index.js";
4
- import { NumberField as j } from "../../utils/number-field/index.js";
5
- const k = F(function({
6
- decimalPlaces: m,
7
- disabled: e = !1,
8
- error: r,
9
- helpLink: i,
10
- helpText: n,
11
- id: f,
12
- label: u,
13
- maxLength: p,
14
- max: l,
15
- min: b,
16
- name: o,
17
- onChange: c,
18
- placeholder: d,
19
- required: s,
20
- tooltip: N,
21
- weight: a,
22
- ...h
23
- }, x) {
24
- return /* @__PURE__ */ t(
25
- I,
26
- {
27
- error: r,
28
- helpLink: i,
29
- helpText: n,
30
- htmlFor: o,
31
- label: u,
32
- maxLength: p,
33
- required: s,
34
- tooltip: N,
35
- weight: a,
36
- children: /* @__PURE__ */ t(
37
- j,
38
- {
39
- decimalPlaces: m,
40
- disabled: e,
41
- error: r,
42
- id: f,
43
- max: l,
44
- min: b,
45
- name: o,
46
- onChange: c,
47
- placeholder: d,
48
- ref: x,
49
- ...h
50
- }
51
- )
52
- }
53
- );
54
- });
1
+ import "react/jsx-runtime";
2
+ import "react";
3
+ import { Y as t } from "../../../../components-C2JBXbtI.mjs";
55
4
  export {
56
- k as InputNumber
5
+ t as InputNumber
57
6
  };
@@ -1,49 +1,6 @@
1
- import { jsx as t, jsxs as l } from "react/jsx-runtime";
2
- import { forwardRef as s } from "react";
3
- import { OutlineContainer as c } from "../../outline-container/index.js";
4
- import { NumberField as m } from "../../utils/number-field/index.js";
5
- import { Container as d } from "../../../container/index.js";
6
- const j = s(function({
7
- disabled: n = !1,
8
- error: r,
9
- name: i,
10
- label: e,
11
- propsMax: p,
12
- propsMin: f,
13
- required: u,
14
- tooltip: a
15
- }, o) {
16
- return /* @__PURE__ */ t(
17
- c,
18
- {
19
- error: r,
20
- htmlFor: i,
21
- label: e,
22
- required: u,
23
- tooltip: a,
24
- children: /* @__PURE__ */ l(d, { display: "flex", gap: 0.25, width: "100%", children: [
25
- /* @__PURE__ */ t(
26
- m,
27
- {
28
- ...f,
29
- disabled: n,
30
- error: r,
31
- ref: o
32
- }
33
- ),
34
- /* @__PURE__ */ t(
35
- m,
36
- {
37
- ...p,
38
- disabled: n,
39
- error: r,
40
- ref: o
41
- }
42
- )
43
- ] })
44
- }
45
- );
46
- });
1
+ import "react/jsx-runtime";
2
+ import "react";
3
+ import { _ as t } from "../../../../components-C2JBXbtI.mjs";
47
4
  export {
48
- j as InputNumberRange
5
+ t as InputNumberRange
49
6
  };