@fluidattacks/design 4.14.7 → 4.15.0

package/dist/context/index.d.ts

@@ -1,2 +1,2 @@
-declare const DesignsContext: ({ children, }: Readonly<React.PropsWithChildren>) => JSX.Element;
-export { DesignsContext };
+export * from './react';
+export * from './next';

package/dist/context/index.js

@@ -1,9 +1,6 @@
-import { jsx as r } from "react/jsx-runtime";
-import { NuqsAdapter as t } from "nuqs/adapters/react-router/v7";
-import { U as e } from "../components-6XOTmwxo.mjs";
-const n = ({
-  children: o
-}) => /* @__PURE__ */ r(e, { children: /* @__PURE__ */ r(t, { children: o }) });
+import { DesignsContext as o } from "./react/index.js";
+import { DesignsNextContext as n } from "./next/index.js";
 export {
-  n as DesignsContext
+  o as DesignsContext,
+  n as DesignsNextContext
 };

package/dist/{next → context/next}/index.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { NuqsAdapter as t } from "nuqs/adapters/next/app";
-import { U as e } from "../components-6XOTmwxo.mjs";
+import { DesignsProvider as e } from "../../globals/designs-provider/index.js";
 const n = ({
   children: o
 }) => /* @__PURE__ */ r(e, { children: /* @__PURE__ */ r(t, { children: o }) });

package/dist/context/react/index.d.ts

@@ -0,0 +1,2 @@
+declare const DesignsContext: ({ children, }: Readonly<React.PropsWithChildren>) => JSX.Element;
+export { DesignsContext };

package/dist/context/react/index.js

@@ -0,0 +1,9 @@
+import { jsx as r } from "react/jsx-runtime";
+import { NuqsAdapter as t } from "nuqs/adapters/react-router/v7";
+import { DesignsProvider as e } from "../../globals/designs-provider/index.js";
+const n = ({
+  children: o
+}) => /* @__PURE__ */ r(e, { children: /* @__PURE__ */ r(t, { children: o }) });
+export {
+  n as DesignsContext
+};

package/dist/globals/design-tokens-css/index.d.ts

@@ -0,0 +1,2 @@
+declare const DesignTokensCss: () => JSX.Element;
+export { DesignTokensCss };

package/dist/globals/design-tokens-css/index.js

@@ -0,0 +1,54 @@
+import { jsx as s } from "react/jsx-runtime";
+import { cw as a } from "../../components-CwUNmQlx.mjs";
+const n = [
+  "gray",
+  "primary",
+  "complementary",
+  "error",
+  "info",
+  "warning",
+  "success"
+], r = (t, e) => e ? `  --fa-${t}: ${e};` : "", p = () => n.flatMap(
+  (t) => Object.entries(a.palette[t]).map(
+    ([e, o]) => r(`${t}-${e}`, o)
+  )
+), i = () => [
+  r("white", a.palette.white),
+  r("black", a.palette.black),
+  r("gradient", a.palette.gradient),
+  r(
+    "gradient-vertical",
+    `linear-gradient(to bottom, ${a.palette.primary[500]} 0%, ${a.palette.primary[400]} 100%)`
+  )
+], c = () => [
+  r("font-primary", a.typography.type.primary),
+  r("font-mono", a.typography.type.mono),
+  ...Object.entries(a.typography.text).map(
+    ([t, e]) => r(`text-${t}`, e)
+  ),
+  ...Object.entries(a.typography.heading).map(
+    ([t, e]) => r(`heading-${t}`, e)
+  ),
+  ...Object.entries(a.typography.weight).map(
+    ([t, e]) => r(`weight-${t}`, e)
+  )
+], m = () => Object.entries(a.spacing).map(
+  ([t, e]) => r(`spacing-${t.replace(/\./gu, "-")}`, e)
+), y = () => Object.entries(a.shadows).map(
+  ([t, e]) => r(`shadow-${t}`, e)
+), g = () => Object.entries(a.breakpoints).map(
+  ([t, e]) => r(`breakpoint-${t}`, e)
+), l = [
+  ...p(),
+  ...i(),
+  ...c(),
+  ...m(),
+  ...y(),
+  ...g()
+].filter(Boolean).join(`
+`), h = `:root {
+${l}
+}`, $ = () => /* @__PURE__ */ s("style", { "data-fa-tokens": "true", children: h });
+export {
+  $ as DesignTokensCss
+};

package/dist/globals/design-tokens-css/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/globals/designs-provider/index.d.ts

@@ -0,0 +1,2 @@
+declare const DesignsProvider: ({ children, }: Readonly<React.PropsWithChildren>) => JSX.Element;
+export { DesignsProvider };

package/dist/globals/designs-provider/index.js

@@ -0,0 +1,14 @@
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import { DesignTokensCss as e } from "../design-tokens-css/index.js";
+import { GlobalTypography as m } from "../global-typography/index.js";
+import { U as i } from "../../components-CwUNmQlx.mjs";
+const a = ({
+  children: o
+}) => /* @__PURE__ */ s(i, { children: [
+  /* @__PURE__ */ r(m, {}),
+  /* @__PURE__ */ r(e, {}),
+  o
+] });
+export {
+  a as DesignsProvider
+};

package/dist/globals/global-typography/index.d.ts

@@ -0,0 +1,2 @@
+declare const GlobalTypography: import('react').NamedExoticComponent<import('styled-components').ExecutionProps & object>;
+export { GlobalTypography };

package/dist/globals/global-typography/index.js

@@ -0,0 +1,71 @@
+import { createGlobalStyle as o } from "styled-components";
+const e = o`
+  html,
+  body {
+    color: ${({ theme: t }) => t.palette.gray[800]};
+    font-family: ${({ theme: t }) => t.typography.type.primary};
+    font-size: ${({ theme: t }) => t.typography.text.lg};
+    line-height: 1.5rem;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    color: ${({ theme: t }) => t.palette.gray[800]};
+    font-weight: ${({ theme: t }) => t.typography.weight.bold};
+    line-height: 1.25;
+    margin: ${({ theme: t }) => t.spacing[1.25]} 0
+      ${({ theme: t }) => t.spacing[0.5]};
+  }
+
+  h1 {
+    font-size: ${({ theme: t }) => t.typography.heading.lg};
+  }
+
+  h2 {
+    font-size: ${({ theme: t }) => t.typography.heading.md};
+  }
+
+  h3 {
+    font-size: ${({ theme: t }) => t.typography.heading.sm};
+  }
+
+  h4,
+  h5,
+  h6 {
+    font-size: ${({ theme: t }) => t.typography.heading.xs};
+  }
+
+  a {
+    color: ${({ theme: t }) => t.palette.gray[800]};
+    text-decoration: none;
+  }
+
+  p {
+    margin: ${({ theme: t }) => t.spacing[0.75]} 0;
+  }
+
+  ul,
+  ol {
+    margin: ${({ theme: t }) => t.spacing[0.75]} 0;
+    padding-left: ${({ theme: t }) => t.spacing[1.25]};
+  }
+
+  li {
+    margin: ${({ theme: t }) => t.spacing[0.25]} 0;
+  }
+
+  strong {
+    font-weight: ${({ theme: t }) => t.typography.weight.bold};
+  }
+
+  ::selection {
+    background-color: ${({ theme: t }) => t.palette.primary[50]};
+  }
+`;
+export {
+  e as GlobalTypography
+};

package/dist/globals/index.d.ts

@@ -0,0 +1,3 @@
+export * from './designs-provider';
+export * from './global-typography';
+export * from './design-tokens-css';

package/dist/globals/index.js

@@ -0,0 +1,8 @@
+import { DesignsProvider as e } from "./designs-provider/index.js";
+import { GlobalTypography as p } from "./global-typography/index.js";
+import { DesignTokensCss as g } from "./design-tokens-css/index.js";
+export {
+  g as DesignTokensCss,
+  e as DesignsProvider,
+  p as GlobalTypography
+};

package/dist/hooks/index.js

@@ -1,4 +1,4 @@
-import { cx as a, cy as c, cz as u, cA as l, cB as o, cE as i, cF as r, cG as d, cH as t } from "../components-6XOTmwxo.mjs";
+import { cx as a, cy as c, cz as u, cA as l, cB as o, cE as i, cF as r, cG as d, cH as t } from "../components-CwUNmQlx.mjs";
 export {
   a as useActiveSection,
   c as useCarousel,

package/dist/index.d.ts

@@ -80,6 +80,7 @@ export * from './components/tour';
 export * from './components/tree';
 export * from './components/typography';
 export * from './components/weaknesses-card';
-export * from './hooks';
 export * from './context';
+export * from './globals';
+export * from './hooks';
 export * from './utils';

package/dist/index.js

@@ -1,6 +1,10 @@
-import { A as e, d as t, e as o, f as r, g as n, i, B as c, j as l, k as u, l as b, n as d, q as C, r as p, s as m, y as g, z as I, D as S, E as T, F as B, G as F, H as h, I as D, J as P, K as f, aM as v, L as x, M as y, O as A, P as k, R as M, T as O, U as L, _ as w, $ as R, a1 as N, a2 as V, a4 as z, a5 as E, a7 as U, a8 as W, a9 as H, ad as G, ae as q, af as _, ag as j, ak as K, am as X, an as J, ap as Q, aq as Y, ar as $, as as Z, at as aa, au as sa, av as ea, aw as ta, ax as oa, ay as ra, az as na, aA as ia, aB as ca, aC as la, aD as ua, aF as ba, aG as da, aH as Ca, aI as pa, aJ as ma, aK as ga, aL as Ia, aN as Sa, aP as Ta, aQ as Ba, aR as Fa, aS as ha, aU as Da, aV as Pa, aX as fa, a_ as va, b2 as xa, b3 as ya, b7 as Aa, b9 as ka, ba as Ma, bc as Oa, bf as La, bg as wa, bh as Ra, bi as Na, bj as Va, bk as za, bl as Ea, bn as Ua, bo as Wa, bp as Ha, bq as Ga, br as qa, bt as _a, bu as ja, bv as Ka, bw as Xa, by as Ja, bz as Qa, bA as Ya, bC as $a, bD as Za, bF as as, bH as ss, bI as es, bM as ts, bO as os, bP as rs, bR as ns, bS as is, bU as cs, bX as ls, bY as us, bZ as bs, b_ as ds, b$ as Cs, c0 as ps, c1 as ms, c2 as gs, c3 as Is, c4 as Ss, c5 as Ts, c6 as Bs, c7 as Fs, c8 as hs, c9 as Ds, ca as Ps, cb as fs, cc as vs, cd as xs, ce as ys, cf as As, cg as ks, ch as Ms, ci as Os, cj as Ls, ck as ws, cl as Rs, cm as Ns, cn as Vs, co as zs, cp as Es, cq as Us, cr as Ws, cs as Hs, ct as Gs, cu as qs, cv as _s, cw as js, cx as Ks, cy as Xs, cz as Js, cA as Qs, cB as Ys, cC as $s, cD as Zs, cE as ae, cF as se, cG as ee, cH as te, cI as oe } from "./components-6XOTmwxo.mjs";
-import { DesignsContext as ne } from "./context/index.js";
-import { Q as ce, aN as le, aO as ue, aT as be, y as de, aY as Ce } from "./vendor-ZNO6ui6E.mjs";
+import { A as e, d as t, e as o, f as r, g as n, i, B as c, j as l, k as u, l as b, n as d, q as C, r as p, s as m, y as g, z as I, D as S, E as T, F as B, G as D, H as f, I as x, J as F, K as h, aM as P, L as v, M as y, O as A, P as k, R as M, T as O, U as L, _ as w, $ as R, a1 as N, a2 as V, a4 as z, a5 as E, a7 as U, a8 as W, a9 as G, ad as H, ae as q, af as _, ag as j, ak as K, am as X, an as J, ap as Q, aq as Y, ar as $, as as Z, at as aa, au as sa, av as ea, aw as ta, ax as oa, ay as ra, az as na, aA as ia, aB as ca, aC as la, aD as ua, aF as ba, aG as da, aH as Ca, aI as pa, aJ as ma, aK as ga, aL as Ia, aN as Sa, aP as Ta, aQ as Ba, aR as Da, aS as fa, aU as xa, aV as Fa, aX as ha, a_ as Pa, b2 as va, b3 as ya, b7 as Aa, b9 as ka, ba as Ma, bc as Oa, bf as La, bg as wa, bh as Ra, bi as Na, bj as Va, bk as za, bl as Ea, bn as Ua, bo as Wa, bp as Ga, bq as Ha, br as qa, bt as _a, bu as ja, bv as Ka, bw as Xa, by as Ja, bz as Qa, bA as Ya, bC as $a, bD as Za, bF as as, bH as ss, bI as es, bM as ts, bO as os, bP as rs, bR as ns, bS as is, bU as cs, bX as ls, bY as us, bZ as bs, b_ as ds, b$ as Cs, c0 as ps, c1 as ms, c2 as gs, c3 as Is, c4 as Ss, c5 as Ts, c6 as Bs, c7 as Ds, c8 as fs, c9 as xs, ca as Fs, cb as hs, cc as Ps, cd as vs, ce as ys, cf as As, cg as ks, ch as Ms, ci as Os, cj as Ls, ck as ws, cl as Rs, cm as Ns, cn as Vs, co as zs, cp as Es, cq as Us, cr as Ws, cs as Gs, ct as Hs, cu as qs, cv as _s, cw as js, cx as Ks, cy as Xs, cz as Js, cA as Qs, cB as Ys, cC as $s, cD as Zs, cE as ae, cF as se, cG as ee, cH as te, cI as oe } from "./components-CwUNmQlx.mjs";
+import { DesignsContext as ne } from "./context/react/index.js";
+import { DesignsNextContext as ce } from "./context/next/index.js";
+import { DesignsProvider as ue } from "./globals/designs-provider/index.js";
+import { GlobalTypography as de } from "./globals/global-typography/index.js";
+import { DesignTokensCss as pe } from "./globals/design-tokens-css/index.js";
+import { Q as ge, aN as Ie, aO as Se, aT as Te, y as Be, aY as De } from "./vendor-q9M4y_pn.mjs";
 import './assets/index.css';export {
   e as Accordion,
   t as ActiveFilters,
@@ -21,21 +25,24 @@ import './assets/index.css';export {
   S as CardWithImage,
   T as CardWithInput,
   B as CardWithOptions,
-  F as CardWithSelector,
-  h as CardWithSwitch,
-  D as Carousel,
-  P as Checkbox,
-  f as CircularProgress,
-  v as CloudImage,
-  x as CodeSnippet,
+  D as CardWithSelector,
+  f as CardWithSwitch,
+  x as Carousel,
+  F as Checkbox,
+  h as CircularProgress,
+  P as CloudImage,
+  v as CodeSnippet,
   y as Col,
   A as ColumnsModal,
   k as ComboBox,
   M as Container,
-  ce as Controller,
+  ge as Controller,
   O as CopyButton,
   L as CustomThemeProvider,
+  pe as DesignTokensCss,
   ne as DesignsContext,
+  ce as DesignsNextContext,
+  ue as DesignsProvider,
   w as Divider,
   R as Dropdown,
   N as EXCLUDE_TOKEN,
@@ -44,9 +51,10 @@ import './assets/index.css';export {
   E as ErrorMessage,
   U as FATag,
   W as FilePreview,
-  H as Filters,
-  G as Form,
+  G as Filters,
+  H as Form,
   q as Gap,
+  de as GlobalTypography,
   _ as GridContainer,
   j as GroupSelector,
   K as Heading,
@@ -77,13 +85,13 @@ import './assets/index.css';export {
   Sa as Menu,
   Ta as MessageBanner,
   Ba as Modal,
-  Fa as ModalConfirm,
-  ha as ModalFooter,
-  Da as Notification,
-  Pa as NotificationSign,
-  fa as OAuthSelector,
-  va as OptionContainer,
-  xa as OutlineContainer,
+  Da as ModalConfirm,
+  fa as ModalFooter,
+  xa as Notification,
+  Fa as NotificationSign,
+  ha as OAuthSelector,
+  Pa as OptionContainer,
+  va as OutlineContainer,
   ya as PackageCard,
   Aa as PaginatorDb,
   ka as PhoneInput,
@@ -98,8 +106,8 @@ import './assets/index.css';export {
   Ea as RankPosition,
   Ua as Row,
   Wa as RulesCard,
-  Ha as ScrollUpButton,
-  Ga as Search,
+  Ga as ScrollUpButton,
+  Ha as Search,
   qa as SearchDropdown,
   _a as SegmentedProgressBar,
   ja as SeverityBadge,
@@ -131,13 +139,13 @@ import './assets/index.css';export {
   Ss as clearStorage,
   Ts as defaultOptions,
   Bs as formatCheckboxesFilterValue,
-  Fs as formatDate,
-  hs as formatDateTime,
-  Ds as formatDateTimeInInput,
-  Ps as formatTextFilterValue,
-  fs as getPathname,
-  vs as getPreservedValues,
-  xs as getStorageItem,
+  Ds as formatDate,
+  fs as formatDateTime,
+  xs as formatDateTimeInInput,
+  Fs as formatTextFilterValue,
+  hs as getPathname,
+  Ps as getPreservedValues,
+  vs as getStorageItem,
   ys as getStyledConfig,
   As as hiddenProps,
   ks as icons,
@@ -152,8 +160,8 @@ import './assets/index.css';export {
   Es as setBorder,
   Us as setDisplay,
   Ws as setInteraction,
-  Hs as setMargin,
-  Gs as setPadding,
+  Gs as setMargin,
+  Hs as setPadding,
   qs as setPosition,
   _s as setText,
   js as theme,
@@ -164,14 +172,14 @@ import './assets/index.css';export {
   Ys as useColumnsModal,
   $s as useConditionsDialog,
   Zs as useConfirmDialog,
-  le as useController,
+  Ie as useController,
   ae as useDebouncedCallback,
-  ue as useFieldArray,
+  Se as useFieldArray,
   se as useFiltersValues,
-  be as useFormContext,
+  Te as useFormContext,
   ee as useModal,
-  de as useNumberFormatter,
+  Be as useNumberFormatter,
   te as useSearch,
-  Ce as useWatch,
+  De as useWatch,
   oe as variantBuilder
 };

package/dist/utils/index.js

@@ -1,4 +1,4 @@
-import { a1 as r, c2 as s, c4 as t, c6 as c, c7 as l, c8 as o, c9 as m, ca as i, cb as u, cc as n, cd as f, ch as V, ci as x, cj as F, ck as b, cl as g, cm as h, co as p } from "../components-6XOTmwxo.mjs";
+import { a1 as r, c2 as s, c4 as t, c6 as c, c7 as l, c8 as o, c9 as m, ca as i, cb as u, cc as n, cd as f, ch as V, ci as x, cj as F, ck as b, cl as g, cm as h, co as p } from "../components-CwUNmQlx.mjs";
 export {
   r as EXCLUDE_TOKEN,
   s as analyzeFilterValue,