@fluidattacks/design 3.1.12 → 3.1.13

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 (172) hide show
  1. package/dist/components/@core/index.js +2 -2
  2. package/dist/components/accordion/accordion-content/index.js +18 -5
  3. package/dist/components/accordion/index.js +71 -14
  4. package/dist/components/alert/index.js +108 -57
  5. package/dist/components/button/index.js +64 -13
  6. package/dist/components/card/card-header/index.js +78 -9
  7. package/dist/components/card/card-with-image/index.js +88 -13
  8. package/dist/components/card/card-with-input/index.js +72 -23
  9. package/dist/components/card/card-with-selector/index.js +63 -8
  10. package/dist/components/card/card-with-switch/index.js +46 -8
  11. package/dist/components/carousel/index.js +54 -28
  12. package/dist/components/checkbox/index.js +66 -32
  13. package/dist/components/cloud-image/index.js +2 -2
  14. package/dist/components/code-snippet/index.js +64 -19
  15. package/dist/components/code-snippet/location-code/index.js +146 -100
  16. package/dist/components/colors/index.js +220 -5
  17. package/dist/components/confirm-dialog/index.js +41 -18
  18. package/dist/components/container/index.js +39 -15
  19. package/dist/components/content-card/category-tag/index.js +37 -8
  20. package/dist/components/content-card/event-date/index.js +53 -10
  21. package/dist/components/content-card/index.js +118 -13
  22. package/dist/components/content-card-carousel/index.js +87 -7
  23. package/dist/components/content-card-carousel/scroll-buttons/index.js +1 -1
  24. package/dist/components/divider/index.js +22 -7
  25. package/dist/components/empty-state/empty-button/index.js +4 -4
  26. package/dist/components/empty-state/index.js +52 -15
  27. package/dist/components/file-preview/index.js +28 -12
  28. package/dist/components/form/index.js +46 -9
  29. package/dist/components/grid-container/index.js +31 -11
  30. package/dist/components/group-selector/index.js +126 -17
  31. package/dist/components/group-selector/option-container/index.js +1 -1
  32. package/dist/components/icon/index.js +78 -18
  33. package/dist/components/icon-button/index.js +63 -14
  34. package/dist/components/indicator-card/index.js +70 -11
  35. package/dist/components/info-sidebar/index.js +107 -7
  36. package/dist/components/inputs/fields/combobox/index.js +141 -21
  37. package/dist/components/inputs/fields/combobox/option/index.js +1 -1
  38. package/dist/components/inputs/fields/date/calendar/cell/index.js +22 -11
  39. package/dist/components/inputs/fields/date/calendar/grid/index.js +21 -10
  40. package/dist/components/inputs/fields/date/calendar/header/index.js +35 -13
  41. package/dist/components/inputs/fields/date/calendar/index.js +26 -11
  42. package/dist/components/inputs/fields/date/index.js +65 -15
  43. package/dist/components/inputs/fields/date-range/calendar/index.js +29 -10
  44. package/dist/components/inputs/fields/date-range/index.js +98 -18
  45. package/dist/components/inputs/fields/date-time/calendar/index.js +44 -15
  46. package/dist/components/inputs/fields/date-time/index.js +65 -14
  47. package/dist/components/inputs/fields/editable/index.js +22 -10
  48. package/dist/components/inputs/fields/input/index.js +74 -10
  49. package/dist/components/inputs/fields/input-file/index.js +114 -21
  50. package/dist/components/inputs/fields/input-tags/index.js +60 -11
  51. package/dist/components/inputs/fields/number/index.js +54 -7
  52. package/dist/components/inputs/fields/number-range/index.js +46 -8
  53. package/dist/components/inputs/fields/phone/index.js +446 -286
  54. package/dist/components/inputs/fields/text-area/index.js +78 -10
  55. package/dist/components/inputs/label/index.js +34 -8
  56. package/dist/components/inputs/outline-container/index.js +98 -12
  57. package/dist/components/inputs/utils/action-button/index.js +28 -7
  58. package/dist/components/inputs/utils/calendar-button/index.js +34 -10
  59. package/dist/components/inputs/utils/date-selector/index.js +60 -6
  60. package/dist/components/inputs/utils/date-time-field/index.js +129 -28
  61. package/dist/components/inputs/utils/dialog/index.js +10 -7
  62. package/dist/components/inputs/utils/number-field/index.js +81 -8
  63. package/dist/components/inputs/utils/popover/index.js +41 -10
  64. package/dist/components/interactive-card/icon/index.js +1 -1
  65. package/dist/components/interactive-card/index.js +110 -7
  66. package/dist/components/language-selector/index.js +34 -10
  67. package/dist/components/language-selector/item-list/index.js +1 -1
  68. package/dist/components/link/index.js +71 -17
  69. package/dist/components/list-item/index.js +64 -13
  70. package/dist/components/little-flag/index.js +26 -9
  71. package/dist/components/loading/index.js +48 -21
  72. package/dist/components/logo/index.js +10 -4
  73. package/dist/components/logo-carousel/index.js +40 -5
  74. package/dist/components/lottie/index.js +12 -7
  75. package/dist/components/menu/index.js +53 -9
  76. package/dist/components/message-banner/index.js +79 -13
  77. package/dist/components/modal/index.js +59 -13
  78. package/dist/components/modal/modal-confirm/index.js +48 -7
  79. package/dist/components/modal/modal-footer/index.js +22 -13
  80. package/dist/components/modal/modal-header/index.js +45 -19
  81. package/dist/components/notification/index.js +65 -20
  82. package/dist/components/notification-sign/index.js +27 -10
  83. package/dist/components/number-input/index.js +58 -21
  84. package/dist/components/oauth-selector/index.js +97 -23
  85. package/dist/components/oauth-selector/option-container/index.js +68 -7
  86. package/dist/components/plan-card/index.js +99 -28
  87. package/dist/components/plan-card/recommended-tag/index.js +23 -2
  88. package/dist/components/pop-up/description/index.js +47 -9
  89. package/dist/components/pop-up/index.js +146 -17
  90. package/dist/components/premium-feature/index.js +56 -16
  91. package/dist/components/priority-score/index.js +24 -9
  92. package/dist/components/progress/index.js +30 -17
  93. package/dist/components/progress-bar/index.js +99 -41
  94. package/dist/components/radio-button/index.js +64 -27
  95. package/dist/components/scroll-button/index.js +33 -15
  96. package/dist/components/search/index.js +77 -35
  97. package/dist/components/search-bar/index.js +211 -24
  98. package/dist/components/search-bar/item-searching/index.js +1 -1
  99. package/dist/components/severity-badge/index.js +66 -6
  100. package/dist/components/severity-overview/badge/index.js +62 -11
  101. package/dist/components/severity-overview/index.js +15 -5
  102. package/dist/components/show-on-hover/index.js +16 -10
  103. package/dist/components/slide-out-menu/index.js +2611 -1164
  104. package/dist/components/slide-out-menu/menu-item/index.js +58 -6
  105. package/dist/components/slider/index.js +79 -48
  106. package/dist/components/slider/thumb/index.js +13 -6
  107. package/dist/components/step-lapse/index.js +81 -23
  108. package/dist/components/table-button/index.js +65 -24
  109. package/dist/components/tabs/fixed-tabs/index.js +24 -4
  110. package/dist/components/tabs/index.js +54 -11
  111. package/dist/components/tabs/tab/index.js +37 -6
  112. package/dist/components/tag/index.js +95 -27
  113. package/dist/components/timeline/card/index.js +1 -1
  114. package/dist/components/timeline/index.js +15 -5
  115. package/dist/components/toggle/index.js +65 -25
  116. package/dist/components/toggle-buttons/index.js +51 -22
  117. package/dist/components/tooltip/index.js +1 -1
  118. package/dist/components/tour/index.js +3897 -1829
  119. package/dist/components/typography/heading/index.js +43 -5
  120. package/dist/components/typography/span/index.js +38 -6
  121. package/dist/components/typography/text/index.js +44 -6
  122. package/dist/components/web-form/index.js +28 -19
  123. package/dist/hooks/index.js +5 -5
  124. package/dist/index-BMHVi812.mjs +234 -0
  125. package/dist/index-BzAniA2J.mjs +135 -0
  126. package/dist/index-C6LbClYh.mjs +146 -0
  127. package/dist/index-CAIe8hBv.mjs +130 -0
  128. package/dist/index-CUQBAqt_.mjs +75 -0
  129. package/dist/index-CWlrSlUk.mjs +68 -0
  130. package/dist/index-Ckmu1TfV.mjs +86 -0
  131. package/dist/index-DwznImvK.mjs +1678 -0
  132. package/dist/index-maWH3JYC.mjs +3561 -0
  133. package/dist/index.js +11 -11
  134. package/dist/styles-B2N0JLw1.mjs +114 -0
  135. package/dist/styles-B64DVBIF.mjs +115 -0
  136. package/dist/{styles-lSVV9kjn.mjs → styles-BXFVwnWT.mjs} +28 -28
  137. package/dist/styles-BZQOqe8p.mjs +141 -0
  138. package/dist/styles-Bdque9TT.mjs +65 -0
  139. package/dist/{styles-CI-I6joH.mjs → styles-BlHspTrz.mjs} +18 -18
  140. package/dist/{styles-Cx93EcVo.mjs → styles-CROOwXEH.mjs} +5 -5
  141. package/dist/styles-CplEd2kw.mjs +228 -0
  142. package/dist/styles-D1eTIklB.mjs +110 -0
  143. package/dist/styles-ePGii_9g.mjs +74 -0
  144. package/dist/use-carousel-CgAF78h3.mjs +23 -0
  145. package/dist/use-click-outside-BUll8Ag-.mjs +18 -0
  146. package/dist/use-cloudinary-image-BCxwj15o.mjs +1176 -0
  147. package/dist/use-modal-CtgexKnf.mjs +14 -0
  148. package/dist/use-search-Dj47QDw9.mjs +15 -0
  149. package/dist/utils-V0EumEPM.mjs +6 -0
  150. package/package.json +1 -3
  151. package/dist/index-38JqtnAI.mjs +0 -122
  152. package/dist/index-B5yoGFs6.mjs +0 -54
  153. package/dist/index-BLbKylyw.mjs +0 -209
  154. package/dist/index-Bu448Tz2.mjs +0 -106
  155. package/dist/index-BwFnfaRh.mjs +0 -2310
  156. package/dist/index-Co_k0WFk.mjs +0 -75
  157. package/dist/index-Cu7uUMlx.mjs +0 -82
  158. package/dist/index-D-lcuEHY.mjs +0 -1018
  159. package/dist/index-DrfjITyT.mjs +0 -61
  160. package/dist/styles-7_q7nHce.mjs +0 -110
  161. package/dist/styles-BA0WIQL-.mjs +0 -74
  162. package/dist/styles-C3cZmKVJ.mjs +0 -131
  163. package/dist/styles-D85YYIjM.mjs +0 -131
  164. package/dist/styles-EIbGRPlk.mjs +0 -106
  165. package/dist/styles-Q1VXuWI7.mjs +0 -65
  166. package/dist/styles-fH2c4cfc.mjs +0 -77
  167. package/dist/use-carousel-CvRxi2FI.mjs +0 -17
  168. package/dist/use-click-outside-BtZLIoU1.mjs +0 -18
  169. package/dist/use-cloudinary-image-fG7ODNgr.mjs +0 -611
  170. package/dist/use-modal-CkrZ-_-M.mjs +0 -14
  171. package/dist/use-search-DpLNvt7Q.mjs +0 -12
  172. package/dist/utils-CQvBF-wY.mjs +0 -4
@@ -1,77 +0,0 @@
1
- import { styled as d } from "styled-components";
2
- import { b as c } from "./styles-C3cZmKVJ.mjs";
3
- import "react/jsx-runtime";
4
- const k = d(c)`
5
- ${({ theme: t, $bgGradient: a = "unset", $color: i = t.palette.gray[800], $display: n = "block", $fontFamily: o = t.typography.type.primary, $fontWeight: $ = "bold", $letterSpacing: r = 0, $lineSpacing: p = 1.5, $lineSpacingSm: l, $size: e, $sizeMd: g, $sizeSm: s, $textFill: h = "unset", $wordBreak: y = "normal" }) => `
6
- background: ${a};
7
- color: ${i};
8
- display: ${n};
9
- font-family: ${o};
10
- font-size: ${t.typography.heading[e]};
11
- font-weight: ${t.typography.weight[$]};
12
- letter-spacing: ${r};
13
- line-height: ${t.spacing[p]};
14
- width: ${n === "block" ? "100%" : "auto"};
15
- word-break: ${y};
16
- background-clip: text;
17
- -webkit-background-clip: text;
18
- -webkit-text-fill-color: ${h};
19
-
20
- @media screen
21
- and (min-width: ${t.breakpoints.mobile})
22
- and (max-width: ${t.breakpoints.tablet})
23
- {
24
- font-size: ${t.typography.heading[g ?? e]};
25
- }
26
-
27
- @media screen and (max-width: ${t.breakpoints.mobile}) {
28
- font-size: ${t.typography.heading[s ?? e]};
29
- line-height: ${t.spacing[l ?? p]};
30
- }
31
- `}
32
- `, w = d(c)`
33
- ${({ theme: t, $bgGradient: a = "unset", $color: i = t.palette.gray[600], $display: n = "block", $fontFamily: o = t.typography.type.primary, $fontWeight: $ = "regular", $letterSpacing: r = 0, $lineSpacing: p = 1.25, $lineSpacingSm: l, $size: e, $sizeMd: g, $sizeSm: s, $textFill: h = "unset", $wordBreak: y = "normal" }) => `
34
- background: ${a};
35
- color: ${i};
36
- display: ${n};
37
- font-family: ${o};
38
- font-size: ${t.typography.text[e]};
39
- font-weight: ${t.typography.weight[$]};
40
- letter-spacing: ${r};
41
- line-height: ${t.spacing[p]};
42
- width: ${n === "block" ? "100%" : "auto"};
43
- word-break: ${y};
44
- background-clip: text;
45
- -webkit-background-clip: text;
46
- -webkit-text-fill-color: ${h};
47
-
48
- @media screen
49
- and (min-width: ${t.breakpoints.mobile})
50
- and (max-width: ${t.breakpoints.tablet})
51
- {
52
- font-size: ${t.typography.text[g ?? e]};
53
- }
54
-
55
- @media screen and (max-width: ${t.breakpoints.mobile}) {
56
- font-size: ${t.typography.text[s ?? e]};
57
- line-height: ${t.spacing[l ?? p]};
58
- }
59
- `}
60
- `, x = d.span`
61
- ${({ theme: t, $color: a = t.palette.gray[600], $content: i, $display: n = "inline", $fontWeight: o = "regular", $size: $, $lineSpacing: r = 1.25 }) => `
62
- color: ${a};
63
- display: ${n};
64
- font-family: ${t.typography.type.primary};
65
- font-size: ${t.typography.text[$]};
66
- font-weight: ${t.typography.weight[o]};
67
- line-height: ${t.spacing[r]};
68
- width: ${n === "block" ? "100%" : "auto"};
69
-
70
- ${i === void 0 ? "" : `&::after { content: "${i}"; }`}
71
- `}
72
- `;
73
- export {
74
- k as S,
75
- x as a,
76
- w as b
77
- };
@@ -1,17 +0,0 @@
1
- import { useState as n, useEffect as l } from "react";
2
- const p = (r, s) => {
3
- const [u, c] = n(0), [t, o] = n(0);
4
- return l(() => {
5
- t === 100 && c((e) => e === s - 1 ? 0 : e + 1);
6
- }, [t, s]), l(() => {
7
- const e = setInterval(() => {
8
- o((a) => a === 100 ? 0 : a + 1);
9
- }, r);
10
- return () => {
11
- clearInterval(e);
12
- };
13
- }, [r]), { cycle: u, progress: t, setCycle: c, setProgress: o };
14
- };
15
- export {
16
- p as u
17
- };
@@ -1,18 +0,0 @@
1
- import { useEffect as d } from "react";
2
- const m = (n, o, c = !1) => {
3
- d(() => {
4
- var r;
5
- const e = (t) => {
6
- n && !n.contains(t.target) && o();
7
- };
8
- return c ? (document.addEventListener("click", e, !0), () => {
9
- document.removeEventListener("click", e, !0);
10
- }) : ((r = document.getElementById("root")) == null || r.addEventListener("click", e, !0), () => {
11
- var t;
12
- (t = document.getElementById("root")) == null || t.removeEventListener("click", e, !0);
13
- });
14
- }, [c, n, o]);
15
- };
16
- export {
17
- m as u
18
- };