@fluidattacks/design 3.1.13 → 3.2.0

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 (157) hide show
  1. package/dist/components/@core/index.js +15 -16
  2. package/dist/components/accordion/accordion-content/index.js +3 -20
  3. package/dist/components/accordion/index.js +5 -76
  4. package/dist/components/alert/index.js +4 -162
  5. package/dist/components/button/index.js +4 -67
  6. package/dist/components/card/card-header/index.js +4 -81
  7. package/dist/components/card/card-with-image/index.js +5 -91
  8. package/dist/components/card/card-with-input/index.js +5 -103
  9. package/dist/components/card/card-with-selector/index.js +4 -69
  10. package/dist/components/card/card-with-switch/index.js +4 -48
  11. package/dist/components/card/index.js +6 -10
  12. package/dist/components/carousel/index.js +4 -73
  13. package/dist/components/checkbox/index.js +4 -116
  14. package/dist/components/cloud-image/index.js +2 -2
  15. package/dist/components/code-snippet/index.js +6 -70
  16. package/dist/components/code-snippet/location-code/index.js +7 -169
  17. package/dist/components/colors/index.js +7 -222
  18. package/dist/components/confirm-dialog/index.js +4 -43
  19. package/dist/components/container/index.js +4 -49
  20. package/dist/components/content-card/category-tag/index.js +4 -40
  21. package/dist/components/content-card/event-date/index.js +5 -59
  22. package/dist/components/content-card/index.js +4 -166
  23. package/dist/components/content-card-carousel/index.js +4 -93
  24. package/dist/components/content-card-carousel/scroll-buttons/index.js +2 -4
  25. package/dist/components/divider/index.js +4 -23
  26. package/dist/components/empty-state/empty-button/index.js +3 -4
  27. package/dist/components/empty-state/index.js +3 -83
  28. package/dist/components/file-preview/index.js +3 -42
  29. package/dist/components/form/index.js +4 -61
  30. package/dist/components/grid-container/index.js +4 -46
  31. package/dist/components/group-selector/index.js +6 -133
  32. package/dist/components/group-selector/option-container/index.js +3 -7
  33. package/dist/components/icon/index.js +4 -106
  34. package/dist/components/icon-button/index.js +4 -74
  35. package/dist/components/indicator-card/index.js +5 -72
  36. package/dist/components/info-sidebar/index.js +4 -114
  37. package/dist/components/inputs/fields/combobox/index.js +7 -144
  38. package/dist/components/inputs/fields/combobox/option/index.js +2 -3
  39. package/dist/components/inputs/fields/date/calendar/cell/index.js +7 -25
  40. package/dist/components/inputs/fields/date/calendar/grid/index.js +5 -24
  41. package/dist/components/inputs/fields/date/calendar/header/index.js +4 -36
  42. package/dist/components/inputs/fields/date/calendar/index.js +6 -28
  43. package/dist/components/inputs/fields/date/index.js +8 -66
  44. package/dist/components/inputs/fields/date-range/calendar/index.js +7 -33
  45. package/dist/components/inputs/fields/date-range/index.js +6 -106
  46. package/dist/components/inputs/fields/date-time/calendar/index.js +7 -62
  47. package/dist/components/inputs/fields/date-time/index.js +6 -67
  48. package/dist/components/inputs/fields/editable/index.js +4 -26
  49. package/dist/components/inputs/fields/input/index.js +5 -75
  50. package/dist/components/inputs/fields/input-file/index.js +6 -123
  51. package/dist/components/inputs/fields/input-tags/index.js +4 -66
  52. package/dist/components/inputs/fields/number/index.js +4 -55
  53. package/dist/components/inputs/fields/number-range/index.js +4 -47
  54. package/dist/components/inputs/fields/phone/index.js +7 -577
  55. package/dist/components/inputs/fields/text-area/index.js +5 -79
  56. package/dist/components/inputs/index.js +14 -26
  57. package/dist/components/inputs/label/index.js +5 -36
  58. package/dist/components/inputs/outline-container/index.js +4 -102
  59. package/dist/components/inputs/utils/action-button/index.js +4 -29
  60. package/dist/components/inputs/utils/calendar-button/index.js +5 -35
  61. package/dist/components/inputs/utils/date-selector/index.js +3 -60
  62. package/dist/components/inputs/utils/date-time-field/index.js +10 -131
  63. package/dist/components/inputs/utils/dialog/index.js +5 -12
  64. package/dist/components/inputs/utils/number-field/index.js +5 -84
  65. package/dist/components/inputs/utils/popover/index.js +5 -42
  66. package/dist/components/interactive-card/icon/index.js +2 -4
  67. package/dist/components/interactive-card/index.js +4 -116
  68. package/dist/components/language-selector/index.js +4 -35
  69. package/dist/components/language-selector/item-list/index.js +2 -5
  70. package/dist/components/link/index.js +3 -104
  71. package/dist/components/list-item/index.js +6 -65
  72. package/dist/components/little-flag/index.js +3 -30
  73. package/dist/components/loading/index.js +4 -92
  74. package/dist/components/logo/index.js +2 -10
  75. package/dist/components/logo-carousel/index.js +4 -85
  76. package/dist/components/lottie/index.js +3 -18
  77. package/dist/components/menu/index.js +5 -64
  78. package/dist/components/message-banner/index.js +5 -99
  79. package/dist/components/modal/index.js +6 -63
  80. package/dist/components/modal/modal-confirm/index.js +3 -49
  81. package/dist/components/modal/modal-footer/index.js +5 -23
  82. package/dist/components/modal/modal-header/index.js +6 -49
  83. package/dist/components/notification/index.js +5 -111
  84. package/dist/components/notification-sign/index.js +4 -45
  85. package/dist/components/number-input/index.js +5 -87
  86. package/dist/components/oauth-selector/index.js +6 -98
  87. package/dist/components/oauth-selector/option-container/index.js +4 -74
  88. package/dist/components/plan-card/index.js +3 -153
  89. package/dist/components/plan-card/recommended-tag/index.js +3 -29
  90. package/dist/components/pop-up/description/index.js +5 -49
  91. package/dist/components/pop-up/index.js +7 -150
  92. package/dist/components/premium-feature/index.js +4 -83
  93. package/dist/components/priority-score/index.js +4 -27
  94. package/dist/components/progress/index.js +5 -45
  95. package/dist/components/progress-bar/index.js +3 -151
  96. package/dist/components/radio-button/index.js +4 -123
  97. package/dist/components/scroll-button/index.js +4 -40
  98. package/dist/components/search/index.js +7 -103
  99. package/dist/components/search-bar/index.js +4 -217
  100. package/dist/components/search-bar/item-searching/index.js +2 -7
  101. package/dist/components/severity-badge/index.js +4 -72
  102. package/dist/components/severity-overview/badge/index.js +4 -67
  103. package/dist/components/severity-overview/index.js +3 -15
  104. package/dist/components/show-on-hover/index.js +3 -29
  105. package/dist/components/slide-out-menu/index.js +6 -3453
  106. package/dist/components/slide-out-menu/menu-item/index.js +4 -65
  107. package/dist/components/slider/index.js +7 -122
  108. package/dist/components/slider/thumb/index.js +5 -15
  109. package/dist/components/step-lapse/index.js +4 -157
  110. package/dist/components/table-button/index.js +4 -95
  111. package/dist/components/tabs/fixed-tabs/index.js +3 -27
  112. package/dist/components/tabs/index.js +6 -55
  113. package/dist/components/tabs/tab/index.js +3 -37
  114. package/dist/components/tag/index.js +4 -182
  115. package/dist/components/timeline/card/index.js +2 -5
  116. package/dist/components/timeline/index.js +4 -15
  117. package/dist/components/toggle/index.js +4 -101
  118. package/dist/components/toggle-buttons/index.js +4 -101
  119. package/dist/components/tooltip/index.js +3 -6
  120. package/dist/components/tour/index.js +7 -4582
  121. package/dist/components/typography/heading/index.js +4 -45
  122. package/dist/components/typography/index.js +4 -6
  123. package/dist/components/typography/span/index.js +4 -39
  124. package/dist/components/typography/text/index.js +4 -45
  125. package/dist/components/web-form/index.js +4 -78
  126. package/dist/components-C7JPRIEW.mjs +9653 -0
  127. package/dist/hooks/index.js +6 -10
  128. package/dist/index.js +112 -204
  129. package/dist/vendor-_XDhaIzo.mjs +14504 -0
  130. package/package.json +3 -7
  131. package/dist/_commonjsHelpers-C6fGbg64.mjs +0 -6
  132. package/dist/index-BMHVi812.mjs +0 -234
  133. package/dist/index-BzAniA2J.mjs +0 -135
  134. package/dist/index-C6LbClYh.mjs +0 -146
  135. package/dist/index-CAIe8hBv.mjs +0 -130
  136. package/dist/index-CUQBAqt_.mjs +0 -75
  137. package/dist/index-CWlrSlUk.mjs +0 -68
  138. package/dist/index-Ckmu1TfV.mjs +0 -86
  139. package/dist/index-DwznImvK.mjs +0 -1678
  140. package/dist/index-maWH3JYC.mjs +0 -3561
  141. package/dist/styles-B2N0JLw1.mjs +0 -114
  142. package/dist/styles-B64DVBIF.mjs +0 -115
  143. package/dist/styles-BXFVwnWT.mjs +0 -133
  144. package/dist/styles-BZQOqe8p.mjs +0 -141
  145. package/dist/styles-Bdque9TT.mjs +0 -65
  146. package/dist/styles-BlHspTrz.mjs +0 -144
  147. package/dist/styles-CROOwXEH.mjs +0 -76
  148. package/dist/styles-CplEd2kw.mjs +0 -228
  149. package/dist/styles-D1eTIklB.mjs +0 -110
  150. package/dist/styles-ePGii_9g.mjs +0 -74
  151. package/dist/use-carousel-CgAF78h3.mjs +0 -23
  152. package/dist/use-click-outside-BUll8Ag-.mjs +0 -18
  153. package/dist/use-cloudinary-image-BCxwj15o.mjs +0 -1176
  154. package/dist/use-modal-CtgexKnf.mjs +0 -14
  155. package/dist/use-search-Dj47QDw9.mjs +0 -15
  156. package/dist/utils-V0EumEPM.mjs +0 -6
  157. /package/dist/assets/{index2.css → vendor.css} +0 -0
@@ -1,47 +1,6 @@
1
- import { jsx as x } from "react/jsx-runtime";
2
- import { forwardRef as y } from "react";
3
- import { S as z } from "../../../styles-B64DVBIF.mjs";
4
- const b = y(function({
5
- bgGradient: i,
6
- children: e,
7
- className: r,
8
- color: t,
9
- display: n,
10
- fontFamily: o,
11
- fontWeight: $,
12
- letterSpacing: a,
13
- lineSpacing: d,
14
- lineSpacingSm: l,
15
- size: m,
16
- sizeMd: f,
17
- sizeSm: g,
18
- textFill: p,
19
- wordBreak: s,
20
- ...S
21
- }, c) {
22
- return /* @__PURE__ */ x(
23
- z,
24
- {
25
- $bgGradient: i,
26
- $color: t,
27
- $display: n,
28
- $fontFamily: o,
29
- $fontWeight: $,
30
- $letterSpacing: a,
31
- $lineSpacing: d,
32
- $lineSpacingSm: l,
33
- $size: m,
34
- $sizeMd: f,
35
- $sizeSm: g,
36
- $textFill: p,
37
- $wordBreak: s,
38
- className: r,
39
- ref: c,
40
- ...S,
41
- children: e
42
- }
43
- );
44
- });
1
+ import "react/jsx-runtime";
2
+ import "react";
3
+ import { aK as m } from "../../../components-C7JPRIEW.mjs";
45
4
  export {
46
- b as Heading
5
+ m as Heading
47
6
  };
@@ -1,8 +1,6 @@
1
- import { Heading as e } from "./heading/index.js";
2
- import { Span as t } from "./span/index.js";
3
- import { Text as f } from "./text/index.js";
1
+ import { aK as s, aM as n, aL as o } from "../../components-C7JPRIEW.mjs";
4
2
  export {
5
- e as Heading,
6
- t as Span,
7
- f as Text
3
+ s as Heading,
4
+ n as Span,
5
+ o as Text
8
6
  };
@@ -1,41 +1,6 @@
1
- import { jsx as s } from "react/jsx-runtime";
2
- import { forwardRef as d } from "react";
3
- import { a as g } from "../../../styles-B64DVBIF.mjs";
4
- const h = d(function({
5
- children: n,
6
- color: i,
7
- content: o,
8
- display: t,
9
- fontFamily: e,
10
- fontWeight: r,
11
- letterSpacing: a,
12
- lineSpacing: p,
13
- lineSpacingSm: $,
14
- size: m,
15
- sizeMd: S,
16
- sizeSm: f,
17
- ...c
18
- }, l) {
19
- return /* @__PURE__ */ s(
20
- g,
21
- {
22
- $color: i,
23
- $content: o,
24
- $display: t,
25
- $fontFamily: e,
26
- $fontWeight: r,
27
- $letterSpacing: a,
28
- $lineSpacing: p,
29
- $lineSpacingSm: $,
30
- $size: m,
31
- $sizeMd: S,
32
- $sizeSm: f,
33
- ref: l,
34
- ...c,
35
- children: n
36
- }
37
- );
38
- });
1
+ import "react/jsx-runtime";
2
+ import "react";
3
+ import { aM as m } from "../../../components-C7JPRIEW.mjs";
39
4
  export {
40
- h as Span
5
+ m as Span
41
6
  };
@@ -1,47 +1,6 @@
1
- import { jsx as g } from "react/jsx-runtime";
2
- import { forwardRef as y } from "react";
3
- import { b as z } from "../../../styles-B64DVBIF.mjs";
4
- const F = y(function({
5
- bgGradient: t,
6
- children: e,
7
- className: i,
8
- color: r,
9
- display: o,
10
- fontFamily: $,
11
- fontWeight: n,
12
- letterSpacing: a,
13
- lineSpacing: l,
14
- lineSpacingSm: m,
15
- size: f,
16
- sizeMd: p,
17
- sizeSm: s,
18
- textFill: c,
19
- wordBreak: d,
20
- ...x
21
- }, S) {
22
- return /* @__PURE__ */ g(
23
- z,
24
- {
25
- $bgGradient: t,
26
- $color: r,
27
- $display: o,
28
- $fontFamily: $,
29
- $fontWeight: n,
30
- $letterSpacing: a,
31
- $lineSpacing: l,
32
- $lineSpacingSm: m,
33
- $size: f,
34
- $sizeMd: p,
35
- $sizeSm: s,
36
- $textFill: c,
37
- $wordBreak: d,
38
- className: i,
39
- ref: S,
40
- ...x,
41
- children: e
42
- }
43
- );
44
- });
1
+ import "react/jsx-runtime";
2
+ import "react";
3
+ import { aL as p } from "../../../components-C7JPRIEW.mjs";
45
4
  export {
46
- F as Text
5
+ p as Text
47
6
  };
@@ -1,80 +1,6 @@
1
- import { jsx as n, jsxs as s } from "react/jsx-runtime";
2
- import { styled as e } from "styled-components";
3
- import { Button as d } from "../button/index.js";
4
- const l = e.form`
5
- ${({ theme: i }) => `
6
- align-items: center;
7
- background: ${i.palette.gray[50]};
8
- backdrop-filter: blur(11px);
9
- border-radius: ${i.spacing[1]};
10
- box-shadow: ${i.shadows.md};
11
- display: flex;
12
- flex-direction: column;
13
- justify-content: center;
14
- padding: ${i.spacing[3]} ${i.spacing[2]};
15
- width: 628px;
16
-
17
- &::before {
18
- background: ${i.palette.gradients["02"]} border-box;
19
- border-radius: ${i.spacing[1]};
20
- content: "";
21
- position: absolute;
22
- inset: 0;
23
- border: 2px solid transparent;
24
- mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
25
- mask-composite: exclude;
26
- }
27
-
28
- @media screen and (max-width: ${i.breakpoints.mobile}) {
29
- width: 320px;
30
- }
31
- `}
32
- `, c = e.div`
33
- align-items: flex-start;
34
- align-self: stretch;
35
- display: flex;
36
- flex-direction: column;
37
- gap: ${({ theme: i }) => i.spacing[1.5]};
38
-
39
- button[type="submit"] {
40
- width: 100%;
41
-
42
- > * {
43
- text-align: center;
44
- }
45
- }
46
- `, x = e.div`
47
- ${({ theme: i }) => `
48
- align-items: flex-start;
49
- align-self: stretch;
50
- container-type: inline-size;
51
- display: flex;
52
- flex-direction: row;
53
- gap: ${i.spacing[1]};
54
- position: relative;
55
-
56
- &:has(> :nth-child(2)) {
57
- > div {
58
- display: flex;
59
- width: 50%;
60
- }
61
- }
62
-
63
- @media screen and (max-width: ${i.breakpoints.mobile}) {
64
- flex-direction: column;
65
- }
66
- `}
67
- `, g = ({
68
- children: i,
69
- name: t,
70
- onSubmit: r,
71
- submitDisabled: a,
72
- submitLabel: o = "Submit"
73
- }) => /* @__PURE__ */ n(l, { "aria-label": t, name: t, onSubmit: r, children: /* @__PURE__ */ s(c, { children: [
74
- i,
75
- /* @__PURE__ */ n(d, { disabled: a, type: "submit", children: o })
76
- ] }) });
1
+ import "react/jsx-runtime";
2
+ import { aO as a, aN as e } from "../../components-C7JPRIEW.mjs";
77
3
  export {
78
- x as FormItem,
79
- g as WebForm
4
+ a as FormItem,
5
+ e as WebForm
80
6
  };