@foxford/navigation-ui 1.0.0

package/shared/theme.d.ts

@@ -0,0 +1,77 @@
+export declare const theme: {
+    fonts: {
+        heading: string;
+        primary: string;
+    };
+    colors: Record<import("@foxford/ui").ColorName, import("@foxford/ui").CSSColor>;
+    breakpoints: Readonly<Record<Lowercase<import("@foxford/ui").Breakpoint>, number>>;
+    iconsAssetHost?: string;
+    borderRadius: string;
+    textColor?: string;
+    fallbackColor?: string;
+    zIndex: {
+        modal: number;
+        tooltip: number;
+    };
+    classNamePrefix: string;
+    defaultInputControlsWidth: number | ("s" | "l" | "m" | "xs") | "auto";
+    utils: {
+        relBuilder: (_link?: string, _target?: string) => undefined | string;
+        hexToRgbA: (hex: string, alpha?: number) => import("@foxford/ui").RGB | import("@foxford/ui").RGBA;
+        hover: {
+            light: (color: string) => import("@foxford/ui").HEX;
+            lightStrong: (color: string) => import("@foxford/ui").HEX;
+            dark: (color: string) => import("@foxford/ui").HEX;
+            darkStrong: (color: string) => import("@foxford/ui").HEX;
+        };
+    };
+    mixins: {
+        focus: (props: ThemeProps<import("styled-components").DefaultTheme>) => string;
+    };
+    mode: import("@foxford/ui").ThemeMode;
+    preset: import("@foxford/ui").ThemePreset;
+    name: import("@foxford/ui").ThemeName;
+    link?: React.ElementType;
+    components?: {
+        Alert?: Partial<import("@foxford/ui").AlertProps>;
+        Anchor?: Partial<import("@foxford/ui").AnchorProps>;
+        Arrow?: Partial<import("@foxford/ui").ArrowProps>;
+        ArrowBadge?: Partial<import("@foxford/ui").ArrowBadgeProps>;
+        Avatar?: Partial<import("@foxford/ui").AvatarProps>;
+        Badge?: Partial<import("@foxford/ui").BadgeProps>;
+        Button?: Partial<import("@foxford/ui").ButtonProps>;
+        Checkbox?: Partial<import("@foxford/ui").CheckboxProps>;
+        Chip?: Partial<import("@foxford/ui").ChipProps>;
+        IconButton?: Partial<import("@foxford/ui").IconButtonProps>;
+        Indicator?: Partial<import("@foxford/ui").IndicatorProps>;
+        ListItem?: Partial<import("@foxford/ui").ListItemProps>;
+        Popover?: Partial<import("@foxford/ui").PopoverProps>;
+        PopoverComponent?: Partial<import("@foxford/ui").PopoverComponentProps>;
+        ProgressLine?: Partial<import("@foxford/ui").ProgressLineProps>;
+        ProgressCircle?: Partial<import("@foxford/ui").ProgressCircleProps>;
+        Switcher?: Partial<import("@foxford/ui").SwitcherProps>;
+        Tab?: Partial<import("@foxford/ui").TabProps>;
+        Text?: Partial<import("@foxford/ui").TextProps>;
+        "Text.Heading"?: Partial<import("@foxford/ui").TextHeadingProps>;
+        Textarea?: Partial<import("@foxford/ui").TextareaProps>;
+        Tooltip?: Partial<import("@foxford/ui").TooltipProps>;
+        TooltipComponent?: Partial<import("@foxford/ui").TooltipComponentProps>;
+        Menu?: Partial<import("@foxford/ui").MenuProps>;
+        MenuComponent?: Partial<import("@foxford/ui").MenuComponentProps>;
+        Dialog?: Partial<import("@foxford/ui").DialogProps>;
+        DialogComponent?: Partial<import("@foxford/ui").DialogComponentProps>;
+        Notification?: Partial<import("@foxford/ui").NotificationProps>;
+        Accordion?: Partial<import("@foxford/ui").AccordionProps>;
+        AccordionItem?: Partial<import("@foxford/ui").AccordionItemProps>;
+        Gradient?: Partial<import("@foxford/ui").GradientProps>;
+        Switch?: Partial<import("@foxford/ui").SwitchProps>;
+        TabList?: Partial<import("@foxford/ui").TabListProps>;
+        TabListTab?: Partial<import("@foxford/ui").TabListTabProps>;
+    };
+};
+export type Theme = typeof theme;
+declare module 'styled-components' {
+    interface DefaultTheme extends Theme {
+    }
+}
+//# sourceMappingURL=theme.d.ts.map

package/shared/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/shared/theme.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;0BAmBsijM,CAAC,iBAAiB,CAAC;sCAAuE,CAAC;;;;;;;;;;;;;;;;aAAoc,CAAC;cAAqC,CAAC;aAAqC,CAAC;kBAAyC,CAAC;cAA0C,CAAC;aAAqC,CAAC;cAAqC,CAAC;gBAAwC,CAAC;YAAsC,CAAC;kBAAwC,CAAC;iBAA6C,CAAC;gBAA2C,CAAC;eAAyC,CAAC;wBAAiD,CAAC;oBAAsD,CAAC;sBAAoD,CAAC;gBAAkD,CAAC;WAAqC,CAAC;YAAiC,CAAC;sBAA4C,CAAC;gBAA6C,CAAC;eAAyC,CAAC;wBAAiD,CAAC;YAA8C,CAAC;qBAA2C,CAAC;cAA6C,CAAC;uBAA+C,CAAC;oBAAqD,CAAC;iBAA+C,CAAC;qBAAgD,CAAC;gBAA+C,CAAC;cAAwC,CAAC;eAAuC,CAAC;kBAA2C,CAAC;;CAb9gnM,CAAA;AAED,MAAM,MAAM,KAAK,GAAG,OAAO,KAAK,CAAA;AAOhC,OAAO,QAAQ,mBAAmB,CAAC;IAEjC,UAAiB,YAAa,SAAQ,KAAK;KAAG;CAC/C"}

package/shared/theme.js

@@ -0,0 +1,29 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { theme as theme$1 } from "@foxford/ui";
+const theme = __spreadProps(__spreadValues({}, theme$1), {
+  fonts: {
+    heading: "'TT Foxford', -apple-system, system-ui, BlinkMacSystemFont, sans-serif",
+    primary: "'Circe', -apple-system, system-ui, BlinkMacSystemFont, sans-serif"
+  }
+});
+export {
+  theme
+};

package/shared/use-outside-click.d.ts

@@ -0,0 +1,3 @@
+import type { RefObject } from 'react';
+export declare function useOutsideClick(ref: RefObject<HTMLElement | null>, onOutsideClick: () => void, enabled: boolean): void;
+//# sourceMappingURL=use-outside-click.d.ts.map

package/shared/use-outside-click.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-outside-click.d.ts","sourceRoot":"","sources":["../../src/shared/use-outside-click.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAUtC,wBAAgB,eAAe,CAAC,GAAG,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,cAAc,EAAE,MAAM,IAAI,EAAE,OAAO,EAAE,OAAO,QAqB/G"}

package/shared/use-outside-click.js

@@ -0,0 +1,22 @@
+import { useEffect } from "react";
+function useOutsideClick(ref, onOutsideClick, enabled) {
+  useEffect(() => {
+    if (!enabled) {
+      return;
+    }
+    const onDocumentClick = (event) => {
+      const element = ref.current;
+      if (element === null || element.getClientRects().length === 0) {
+        return;
+      }
+      if (!element.contains(event.target)) {
+        onOutsideClick();
+      }
+    };
+    document.addEventListener("mousedown", onDocumentClick);
+    return () => document.removeEventListener("mousedown", onDocumentClick);
+  }, [enabled, onOutsideClick, ref]);
+}
+export {
+  useOutsideClick
+};

package/shared/use-scroll-direction.d.ts

@@ -0,0 +1,4 @@
+export declare function useScrollDirection(): {
+    scrollDirection: "down" | "up";
+};
+//# sourceMappingURL=use-scroll-direction.d.ts.map

package/shared/use-scroll-direction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-scroll-direction.d.ts","sourceRoot":"","sources":["../../src/shared/use-scroll-direction.ts"],"names":[],"mappings":"AAEA,wBAAgB,kBAAkB;;EAiBjC"}

package/shared/use-scroll-direction.js

@@ -0,0 +1,22 @@
+import { useState, useEffect } from "react";
+function useScrollDirection() {
+  const [scrollDirection, setScrollDirection] = useState("up");
+  useEffect(() => {
+    let lastScrollY = window.scrollY;
+    const onScroll = () => {
+      const currentScrollY = window.scrollY;
+      setScrollDirection(currentScrollY > lastScrollY ? "down" : "up");
+      lastScrollY = currentScrollY;
+    };
+    window.addEventListener("scroll", onScroll, {
+      passive: true
+    });
+    return () => window.removeEventListener("scroll", onScroll);
+  }, []);
+  return {
+    scrollDirection
+  };
+}
+export {
+  useScrollDirection
+};

package/shared/z-index.d.ts

@@ -0,0 +1,5 @@
+export declare const BASE_ZINDEX: {
+    readonly MODAL: 10004;
+    readonly NAVIGATION: 210;
+};
+//# sourceMappingURL=z-index.d.ts.map

package/shared/z-index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"z-index.d.ts","sourceRoot":"","sources":["../../src/shared/z-index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW;;;CAGd,CAAA"}

package/shared/z-index.js

@@ -0,0 +1,7 @@
+const BASE_ZINDEX = {
+  MODAL: 10004,
+  NAVIGATION: 210
+};
+export {
+  BASE_ZINDEX
+};