@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.
- package/dist/components/@core/index.js +2 -2
- package/dist/components/accordion/accordion-content/index.js +18 -5
- package/dist/components/accordion/index.js +71 -14
- package/dist/components/alert/index.js +108 -57
- package/dist/components/button/index.js +64 -13
- package/dist/components/card/card-header/index.js +78 -9
- package/dist/components/card/card-with-image/index.js +88 -13
- package/dist/components/card/card-with-input/index.js +72 -23
- package/dist/components/card/card-with-selector/index.js +63 -8
- package/dist/components/card/card-with-switch/index.js +46 -8
- package/dist/components/carousel/index.js +54 -28
- package/dist/components/checkbox/index.js +66 -32
- package/dist/components/cloud-image/index.js +2 -2
- package/dist/components/code-snippet/index.js +64 -19
- package/dist/components/code-snippet/location-code/index.js +146 -100
- package/dist/components/colors/index.js +220 -5
- package/dist/components/confirm-dialog/index.js +41 -18
- package/dist/components/container/index.js +39 -15
- package/dist/components/content-card/category-tag/index.js +37 -8
- package/dist/components/content-card/event-date/index.js +53 -10
- package/dist/components/content-card/index.js +118 -13
- package/dist/components/content-card-carousel/index.js +87 -7
- package/dist/components/content-card-carousel/scroll-buttons/index.js +1 -1
- package/dist/components/divider/index.js +22 -7
- package/dist/components/empty-state/empty-button/index.js +4 -4
- package/dist/components/empty-state/index.js +52 -15
- package/dist/components/file-preview/index.js +28 -12
- package/dist/components/form/index.js +46 -9
- package/dist/components/grid-container/index.js +31 -11
- package/dist/components/group-selector/index.js +126 -17
- package/dist/components/group-selector/option-container/index.js +1 -1
- package/dist/components/icon/index.js +78 -18
- package/dist/components/icon-button/index.js +63 -14
- package/dist/components/indicator-card/index.js +70 -11
- package/dist/components/info-sidebar/index.js +107 -7
- package/dist/components/inputs/fields/combobox/index.js +141 -21
- package/dist/components/inputs/fields/combobox/option/index.js +1 -1
- package/dist/components/inputs/fields/date/calendar/cell/index.js +22 -11
- package/dist/components/inputs/fields/date/calendar/grid/index.js +21 -10
- package/dist/components/inputs/fields/date/calendar/header/index.js +35 -13
- package/dist/components/inputs/fields/date/calendar/index.js +26 -11
- package/dist/components/inputs/fields/date/index.js +65 -15
- package/dist/components/inputs/fields/date-range/calendar/index.js +29 -10
- package/dist/components/inputs/fields/date-range/index.js +98 -18
- package/dist/components/inputs/fields/date-time/calendar/index.js +44 -15
- package/dist/components/inputs/fields/date-time/index.js +65 -14
- package/dist/components/inputs/fields/editable/index.js +22 -10
- package/dist/components/inputs/fields/input/index.js +74 -10
- package/dist/components/inputs/fields/input-file/index.js +114 -21
- package/dist/components/inputs/fields/input-tags/index.js +60 -11
- package/dist/components/inputs/fields/number/index.js +54 -7
- package/dist/components/inputs/fields/number-range/index.js +46 -8
- package/dist/components/inputs/fields/phone/index.js +446 -286
- package/dist/components/inputs/fields/text-area/index.js +78 -10
- package/dist/components/inputs/label/index.js +34 -8
- package/dist/components/inputs/outline-container/index.js +98 -12
- package/dist/components/inputs/utils/action-button/index.js +28 -7
- package/dist/components/inputs/utils/calendar-button/index.js +34 -10
- package/dist/components/inputs/utils/date-selector/index.js +60 -6
- package/dist/components/inputs/utils/date-time-field/index.js +129 -28
- package/dist/components/inputs/utils/dialog/index.js +10 -7
- package/dist/components/inputs/utils/number-field/index.js +81 -8
- package/dist/components/inputs/utils/popover/index.js +41 -10
- package/dist/components/interactive-card/icon/index.js +1 -1
- package/dist/components/interactive-card/index.js +110 -7
- package/dist/components/language-selector/index.js +34 -10
- package/dist/components/language-selector/item-list/index.js +1 -1
- package/dist/components/link/index.js +71 -17
- package/dist/components/list-item/index.js +64 -13
- package/dist/components/little-flag/index.js +26 -9
- package/dist/components/loading/index.js +48 -21
- package/dist/components/logo/index.js +10 -4
- package/dist/components/logo-carousel/index.js +40 -5
- package/dist/components/lottie/index.js +12 -7
- package/dist/components/menu/index.js +53 -9
- package/dist/components/message-banner/index.js +79 -13
- package/dist/components/modal/index.js +59 -13
- package/dist/components/modal/modal-confirm/index.js +48 -7
- package/dist/components/modal/modal-footer/index.js +22 -13
- package/dist/components/modal/modal-header/index.js +45 -19
- package/dist/components/notification/index.js +65 -20
- package/dist/components/notification-sign/index.js +27 -10
- package/dist/components/number-input/index.js +58 -21
- package/dist/components/oauth-selector/index.js +97 -23
- package/dist/components/oauth-selector/option-container/index.js +68 -7
- package/dist/components/plan-card/index.js +99 -28
- package/dist/components/plan-card/recommended-tag/index.js +23 -2
- package/dist/components/pop-up/description/index.js +47 -9
- package/dist/components/pop-up/index.js +146 -17
- package/dist/components/premium-feature/index.js +56 -16
- package/dist/components/priority-score/index.js +24 -9
- package/dist/components/progress/index.js +30 -17
- package/dist/components/progress-bar/index.js +99 -41
- package/dist/components/radio-button/index.js +64 -27
- package/dist/components/scroll-button/index.js +33 -15
- package/dist/components/search/index.js +77 -35
- package/dist/components/search-bar/index.js +211 -24
- package/dist/components/search-bar/item-searching/index.js +1 -1
- package/dist/components/severity-badge/index.js +66 -6
- package/dist/components/severity-overview/badge/index.js +62 -11
- package/dist/components/severity-overview/index.js +15 -5
- package/dist/components/show-on-hover/index.js +16 -10
- package/dist/components/slide-out-menu/index.js +2611 -1164
- package/dist/components/slide-out-menu/menu-item/index.js +58 -6
- package/dist/components/slider/index.js +79 -48
- package/dist/components/slider/thumb/index.js +13 -6
- package/dist/components/step-lapse/index.js +81 -23
- package/dist/components/table-button/index.js +65 -24
- package/dist/components/tabs/fixed-tabs/index.js +24 -4
- package/dist/components/tabs/index.js +54 -11
- package/dist/components/tabs/tab/index.js +37 -6
- package/dist/components/tag/index.js +95 -27
- package/dist/components/timeline/card/index.js +1 -1
- package/dist/components/timeline/index.js +15 -5
- package/dist/components/toggle/index.js +65 -25
- package/dist/components/toggle-buttons/index.js +51 -22
- package/dist/components/tooltip/index.js +1 -1
- package/dist/components/tour/index.js +3897 -1829
- package/dist/components/typography/heading/index.js +43 -5
- package/dist/components/typography/span/index.js +38 -6
- package/dist/components/typography/text/index.js +44 -6
- package/dist/components/web-form/index.js +28 -19
- package/dist/hooks/index.js +5 -5
- package/dist/index-BMHVi812.mjs +234 -0
- package/dist/index-BzAniA2J.mjs +135 -0
- package/dist/index-C6LbClYh.mjs +146 -0
- package/dist/index-CAIe8hBv.mjs +130 -0
- package/dist/index-CUQBAqt_.mjs +75 -0
- package/dist/index-CWlrSlUk.mjs +68 -0
- package/dist/index-Ckmu1TfV.mjs +86 -0
- package/dist/index-DwznImvK.mjs +1678 -0
- package/dist/index-maWH3JYC.mjs +3561 -0
- package/dist/index.js +11 -11
- package/dist/styles-B2N0JLw1.mjs +114 -0
- package/dist/styles-B64DVBIF.mjs +115 -0
- package/dist/{styles-lSVV9kjn.mjs → styles-BXFVwnWT.mjs} +28 -28
- package/dist/styles-BZQOqe8p.mjs +141 -0
- package/dist/styles-Bdque9TT.mjs +65 -0
- package/dist/{styles-CI-I6joH.mjs → styles-BlHspTrz.mjs} +18 -18
- package/dist/{styles-Cx93EcVo.mjs → styles-CROOwXEH.mjs} +5 -5
- package/dist/styles-CplEd2kw.mjs +228 -0
- package/dist/styles-D1eTIklB.mjs +110 -0
- package/dist/styles-ePGii_9g.mjs +74 -0
- package/dist/use-carousel-CgAF78h3.mjs +23 -0
- package/dist/use-click-outside-BUll8Ag-.mjs +18 -0
- package/dist/use-cloudinary-image-BCxwj15o.mjs +1176 -0
- package/dist/use-modal-CtgexKnf.mjs +14 -0
- package/dist/use-search-Dj47QDw9.mjs +15 -0
- package/dist/utils-V0EumEPM.mjs +6 -0
- package/package.json +1 -3
- package/dist/index-38JqtnAI.mjs +0 -122
- package/dist/index-B5yoGFs6.mjs +0 -54
- package/dist/index-BLbKylyw.mjs +0 -209
- package/dist/index-Bu448Tz2.mjs +0 -106
- package/dist/index-BwFnfaRh.mjs +0 -2310
- package/dist/index-Co_k0WFk.mjs +0 -75
- package/dist/index-Cu7uUMlx.mjs +0 -82
- package/dist/index-D-lcuEHY.mjs +0 -1018
- package/dist/index-DrfjITyT.mjs +0 -61
- package/dist/styles-7_q7nHce.mjs +0 -110
- package/dist/styles-BA0WIQL-.mjs +0 -74
- package/dist/styles-C3cZmKVJ.mjs +0 -131
- package/dist/styles-D85YYIjM.mjs +0 -131
- package/dist/styles-EIbGRPlk.mjs +0 -106
- package/dist/styles-Q1VXuWI7.mjs +0 -65
- package/dist/styles-fH2c4cfc.mjs +0 -77
- package/dist/use-carousel-CvRxi2FI.mjs +0 -17
- package/dist/use-click-outside-BtZLIoU1.mjs +0 -18
- package/dist/use-cloudinary-image-fG7ODNgr.mjs +0 -611
- package/dist/use-modal-CkrZ-_-M.mjs +0 -14
- package/dist/use-search-DpLNvt7Q.mjs +0 -12
- package/dist/utils-CQvBF-wY.mjs +0 -4
package/dist/styles-fH2c4cfc.mjs
DELETED
|
@@ -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
|
-
};
|