@mrfylke/contact-form 0.1.24 → 0.1.25

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mrfylke/contact-form",
-  "version": "0.1.24",
+  "version": "0.1.25",
   "license": "EUPL-1.2",
   "private": false,
   "main": "./lib/index.js",
@@ -51,61 +51,66 @@
     }
   },
   "scripts": {
+    "generate-icons-manifest": "generate-assets all atb -o ./.tmp-icon-assets/ -ts -ts-o ./src/components/icon && rm -rf ./.tmp-icon-assets",
+    "prebuild": "yarn run generate-icons-manifest",
     "build": "tsc -p tsconfig.build.json && node scripts/copy-css.cjs",
     "clean": "rm -rf lib",
     "lint": "eslint \"src/**/*.{ts,tsx}\"",
     "format": "prettier --write \"src/**/*.{ts,tsx,json,md}\"",
     "format:check": "prettier --check \"src/**/*.{ts,tsx,json,md}\"",
+    "pretest": "yarn run generate-icons-manifest",
     "test": "vitest run",
     "test:watch": "vitest"
   },
   "devDependencies": {
+    "@atb-as/generate-assets": "^18.18.0",
     "@graphql-codegen/cli": "^5.0.7",
     "@graphql-codegen/near-operation-file-preset": "^3.1.0",
     "@graphql-codegen/typescript": "^4.1.6",
-    "@graphql-codegen/typescript-generic-sdk": "^4.0.2",
+    "@graphql-codegen/typescript-generic-sdk": "^4.1.0",
     "@graphql-codegen/typescript-operations": "^4.6.1",
     "@testing-library/dom": "^10.4.1",
-    "@testing-library/jest-dom": "^6.7.0",
-    "@testing-library/react": "^16.3.2",
-    "@testing-library/user-event": "^14.6.1",
-    "@types/jsdom": "^28.0.0",
-    "@types/react": "19.1.10",
-    "@types/react-dom": "19.1.7",
+    "@testing-library/jest-dom": "^6.10.0",
+    "@testing-library/react": "^16.3.3",
+    "@testing-library/user-event": "^14.6.6",
+    "@types/jsdom": "^28.0.3",
+    "@types/react": "19.2.18",
+    "@types/react-dom": "19.2.5",
     "eslint": "^9",
-    "eslint-plugin-react": "^7.37.0",
-    "eslint-plugin-react-hooks": "^7.0.0",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^7.1.1",
     "jsdom": "^28.1.0",
-    "prettier": "^3.0.0",
-    "typescript-eslint": "^8.54.0",
-    "vitest": "^4.0.18"
+    "prettier": "^3.9.6",
+    "typescript-eslint": "^8.69.0",
+    "vitest": "^4.1.11"
   },
   "dependencies": {
-    "@apollo/client": "^3.13.9",
-    "@atb-as/config-specs": "^9.2.1",
-    "@atb-as/theme": "^15.0.0",
+    "@apollo/client": "^3.14.1",
+    "@google-cloud/bigquery": "^8.3.1",
+    "@atb-as/config-specs": "^12.0.0",
+    "@atb-as/theme": "^15.3.0",
     "@atb-as/token": "^0.0.4",
-    "@internationalized/date": "^3.11.0",
+    "@internationalized/date": "^3.12.3",
     "@leile/lobo-t": "^1.0.5",
-    "@xstate/react": "^6.0.0",
+    "@react-aria/focus": "^3.22.1",
+    "@xstate/react": "^6.1.0",
     "detect-nearest-browser-locale": "^19.0.0",
     "detect-nearest-locale": "^1.0.1",
-    "framer-motion": "^12.33.0",
-    "graphql": "^16.12.0",
-    "react-aria-components": "^1.15.1",
-    "xstate": "^5.26.0"
+    "framer-motion": "^12.43.0",
+    "graphql": "^16.14.2",
+    "react-aria-components": "^1.20.0",
+    "xstate": "^5.32.6"
   },
   "peerDependencies": {
-    "@atb-as/generate-assets": "^18.7.0",
-    "@atb-as/theme": "^15.0.0",
+    "@atb-as/theme": "^15.3.0",
     "@atb-as/token": "^0.0.4",
-    "@internationalized/date": "^3.11.0",
-    "lodash": "^4.6.2",
-    "next": ">=14.0.0",
-    "react": "^18.0.0",
-    "react-aria-components": "^1.15.1",
-    "react-dom": "^18.0.0",
-    "swr": "^2.2.5",
-    "uuid": "^13.0.0"
+    "@internationalized/date": "^3.12.3",
+    "lodash": "^4.18.1",
+    "next": ">=15.0.0",
+    "react": "^18.3.1",
+    "react-aria-components": "^1.20.0",
+    "react-dom": "^18.3.1",
+    "swr": "^2.5.1",
+    "uuid": "^13.0.2"
   }
 }

package/lib/components/icon/icon-wrapper.d.ts

@@ -1,30 +0,0 @@
-import { IconName } from '../../modules/config';
-export type IconProps = {
-    /** Name of the icon to display */
-    icon: IconName;
-    /** Size of the icon */
-    size?: 'small' | 'normal' | 'large';
-    /** Additional CSS class */
-    className?: string;
-    /** Accessibility role */
-    role?: string;
-    /** Alt text for accessibility */
-    alt?: string;
-    /** Custom styles */
-    style?: React.CSSProperties;
-};
-/**
- * Icon component that renders icons from the configured icon set.
- * This is the main icon component consumers should use.
- *
- * @example
- * ```tsx
- * <Icon icon="transportation/BusFill" size="normal" alt="Bus" />
- * ```
- */
-export declare function Icon({ icon, size, className, role, alt, style, }: IconProps): import("react/jsx-runtime").JSX.Element | null;
-/**
- * Helper function to get size in pixels based on size prop
- */
-export declare function getIconSize(size: 'small' | 'normal' | 'large'): number;
-//# sourceMappingURL=icon-wrapper.d.ts.map

package/lib/components/icon/icon-wrapper.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-wrapper.d.ts","sourceRoot":"","sources":["../../../src/components/icon/icon-wrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAiB,MAAM,sBAAsB,CAAC;AAE/D,MAAM,MAAM,SAAS,GAAG;IACtB,kCAAkC;IAClC,IAAI,EAAE,QAAQ,CAAC;IACf,uBAAuB;IACvB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC;AAEF;;;;;;;;GAQG;AACH,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,IAAe,EACf,SAAS,EACT,IAAY,EACZ,GAAQ,EACR,KAAK,GACN,EAAE,SAAS,kDAkBX;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAWtE"}

package/lib/components/icon/icon-wrapper.js

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Icon = Icon;
-exports.getIconSize = getIconSize;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const config_1 = require("../../modules/config");
-/**
- * Icon component that renders icons from the configured icon set.
- * This is the main icon component consumers should use.
- *
- * @example
- * ```tsx
- * <Icon icon="transportation/BusFill" size="normal" alt="Bus" />
- * ```
- */
-function Icon({ icon, size = 'normal', className, role = 'img', alt = '', style, }) {
-    const icons = (0, config_1.useIconConfig)();
-    const IconComponent = icons[icon];
-    if (!IconComponent) {
-        console.warn(`Icon "${icon}" not found in icon set`);
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsx)(IconComponent, { size: size, className: className, role: role, alt: alt, style: style }));
-}
-/**
- * Helper function to get size in pixels based on size prop
- */
-function getIconSize(size) {
-    switch (size) {
-        case 'small':
-            return 20;
-        case 'normal':
-            return 24;
-        case 'large':
-            return 32;
-        default:
-            return 24;
-    }
-}

package/lib/components/icon/mono-icon-new.d.ts

@@ -1,32 +0,0 @@
-import { InteractiveColor, InteractiveState } from '@atb-as/theme';
-import { IconName } from '../../modules/config';
-export type MonoIconOverrideMode = 'none' | 'dark' | 'light';
-export type SizeProps = 'small' | 'normal' | 'large';
-export type MonoIconProps = Omit<React.JSX.IntrinsicElements['div'], 'ref'> & {
-    /**
-     * Size for icon
-     * @default normal
-     */
-    size?: SizeProps;
-    /**
-     * What icon to show
-     */
-    icon: IconName;
-    /**
-     * Whether or not to override darkmode/light mode
-     * @default none
-     */
-    overrideMode?: MonoIconOverrideMode;
-    /**
-     * Used to override light- or dark mode icon color when MonoIcon is used with an interactive component
-     */
-    interactiveColor?: InteractiveColor;
-    interactiveState?: InteractiveState;
-};
-/**
- * MonoIcon component - renders icons with dark/light mode support.
- * This is a wrapper around the Icon component that adds theme-aware styling.
- */
-export declare function MonoIcon({ icon, size, overrideMode, interactiveColor, interactiveState, className, style, ...props }: MonoIconProps): import("react/jsx-runtime").JSX.Element;
-export default MonoIcon;
-//# sourceMappingURL=mono-icon-new.d.ts.map

package/lib/components/icon/mono-icon-new.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"mono-icon-new.d.ts","sourceRoot":"","sources":["../../../src/components/icon/mono-icon-new.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEnE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAC7D,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAErD,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,GAAG;IAC5E;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,IAAI,EAAE,QAAQ,CAAC;IACf;;;OAGG;IACH,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC;;OAEG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;CACrC,CAAC;AAEF;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,IAAe,EACf,YAAqB,EACrB,gBAAgB,EAChB,gBAAgB,EAChB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,aAAa,2CA+Bf;AAED,eAAe,QAAQ,CAAC"}

package/lib/components/icon/mono-icon-new.js

@@ -1,43 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MonoIcon = MonoIcon;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const icon_wrapper_1 = require("./icon-wrapper");
-const theme_1 = require("../../modules/theme");
-const color_1 = require("../../utils/color");
-/**
- * MonoIcon component - renders icons with dark/light mode support.
- * This is a wrapper around the Icon component that adds theme-aware styling.
- */
-function MonoIcon({ icon, size = 'normal', overrideMode = 'none', interactiveColor, interactiveState, className, style, ...props }) {
-    const { isDarkMode } = (0, theme_1.useTheme)();
-    // Determine the color mode to use
-    const interactiveOverrideColor = useInteractiveThemeColor(interactiveColor, interactiveState);
-    // Apply dark/light mode styling if needed
-    const colorFilter = getColorFilter(overrideMode, interactiveOverrideColor, isDarkMode);
-    return ((0, jsx_runtime_1.jsx)("div", { ...props, className: className, style: {
-            display: 'inline-flex',
-            alignItems: 'center',
-            justifyContent: 'center',
-            filter: colorFilter,
-            ...style,
-        }, children: (0, jsx_runtime_1.jsx)(icon_wrapper_1.Icon, { icon: icon, size: size }) }));
-}
-exports.default = MonoIcon;
-/**
- * Get CSS filter to apply for dark/light mode
- */
-function getColorFilter(overrideMode, interactiveOverride, isDarkMode) {
-    const mode = overrideMode !== 'none' ? overrideMode : interactiveOverride;
-    if (mode === 'none') {
-        return isDarkMode ? 'invert(1)' : undefined;
-    }
-    return mode === 'dark' ? 'invert(1)' : undefined;
-}
-function useInteractiveThemeColor(interactiveColor, interactiveState) {
-    if (!interactiveColor)
-        return 'none';
-    if (!interactiveState)
-        return (0, color_1.colorToOverrideMode)(interactiveColor.default.foreground.primary);
-    return (0, color_1.colorToOverrideMode)(interactiveColor[interactiveState].foreground.primary);
-}