@reekon-tools/boldr-utils 1.8.3 → 1.8.4

package/dist/exports.d.ts

@@ -7,6 +7,7 @@ export * from './types/firestore.js';
 export * from './types/layout.js';
 export * from './types/annotation.js';
 export { getToleranceColor, calculateDeviationPercentage, isWithinTolerance, generateToleranceGradient, createDefaultToleranceThresholds, DEFAULT_TOLERANCE_COLORS, type ToleranceThreshold, type ToleranceConfig, } from './utils/tolerance.js';
+export { GeneralColors, SecondaryColors, FormColors, TileColors, FormulaColors, YellowColors, RedColors, GreenColors, tailwindColors, } from './theme/colors.js';
 export { DEFAULT_GROUP_INDEX, isDefaultGroup, findDefaultGroup, isFormGroupCompleted, } from './utils/groups.js';
 export { ALL_EXPORT_CATEGORIES, ALL_EXPORT_MEASUREMENT_DATA_FIELDS, ALL_EXPORT_OBJECT_TYPES, DEFAULT_EXPORT_CONFIG, EXPORT_EVERYTHING_CONFIG, normalizeExportConfig, type ExportCategory, type ExportConfig, type ExportImageFormat, type ExportMeasurementDataField, type ExportMeasurementFilter, type ExportObjectType, } from './export/config.js';
 export { classifyFileForExport } from './export/objectKinds.js';

package/dist/exports.js

@@ -11,6 +11,8 @@ export * from './types/firestore.js';
 export * from './types/layout.js';
 export * from './types/annotation.js';
 export { getToleranceColor, calculateDeviationPercentage, isWithinTolerance, generateToleranceGradient, createDefaultToleranceThresholds, DEFAULT_TOLERANCE_COLORS, } from './utils/tolerance.js';
+// Shared color palette (canonical source for both apps' brand colors).
+export { GeneralColors, SecondaryColors, FormColors, TileColors, FormulaColors, YellowColors, RedColors, GreenColors, tailwindColors, } from './theme/colors.js';
 export { DEFAULT_GROUP_INDEX, isDefaultGroup, findDefaultGroup, isFormGroupCompleted, } from './utils/groups.js';
 // Configurable job CSV export, shared by rock-pro-app and rock-desktop so
 // both platforms emit identical files.

package/dist/theme/colors.d.ts

@@ -0,0 +1,101 @@
+export declare const GeneralColors: {
+    readonly darkGrey: "#1D1F21";
+    readonly grey1: "#2B2C2E";
+    readonly grey2: "#424345";
+    readonly grey3: "#626364";
+    readonly grey4: "#9FA0A2";
+    readonly white: "#FFFFFF";
+};
+export declare const SecondaryColors: {
+    readonly accentBlue1: "#2D3843";
+    readonly accentBlue2: "#2E4C6A";
+    readonly accentBlue3: "#4B6074";
+    readonly accentBlue4: "#67819A";
+};
+export declare const FormColors: {
+    readonly lightGrey1: "#BCBEC2";
+    readonly lightGrey2: "#E8EAED";
+};
+export declare const TileColors: {
+    readonly darkBlue: "#02274B";
+    readonly activeBlue: "#0066FF";
+    readonly lightBlue1: "#50A6FF";
+    readonly lightBlue2: "#89C3FF";
+};
+export declare const FormulaColors: {
+    readonly darkPurple: "#6C155F";
+    readonly purple: "#BD30A8";
+};
+export declare const YellowColors: {
+    readonly mainYellow: "#FFAD00";
+};
+export declare const RedColors: {
+    readonly warningRed: "#DA1100";
+    readonly red: "#E83D2F";
+    readonly mutedRed: "#DF6358";
+};
+export declare const GreenColors: {
+    readonly warningGreen: "#00E920";
+    readonly green: "#58A942";
+    readonly mutedGreen: "#8BB380";
+};
+/**
+ * The palette above shaped for Tailwind's `theme.extend.colors`. Spread it
+ * into the app's tailwind config (works with tailwindcss v3 and NativeWind):
+ *
+ *   import { tailwindColors } from '@reekon-tools/boldr-utils/theme';
+ *   export default {
+ *     theme: { extend: { colors: { ...tailwindColors } } },
+ *   };
+ *
+ * Class names follow the constant names, kebab-cased per group, e.g.
+ * `bg-general-dark-grey`, `text-secondary-accent-blue-1`, `bg-tile-active`,
+ * `border-form-light-grey-2`, `bg-formula`, `text-brand-red-muted`.
+ *
+ * The yellow/red/green groups are namespaced under `brand-*` so they don't
+ * shadow Tailwind's built-in `yellow`/`red`/`green` scales (extend replaces
+ * a color key wholesale, which would break classes like `text-red-500`).
+ */
+export declare const tailwindColors: {
+    readonly general: {
+        readonly 'dark-grey': "#1D1F21";
+        readonly 'grey-1': "#2B2C2E";
+        readonly 'grey-2': "#424345";
+        readonly 'grey-3': "#626364";
+        readonly 'grey-4': "#9FA0A2";
+        readonly white: "#FFFFFF";
+    };
+    readonly secondary: {
+        readonly 'accent-blue-1': "#2D3843";
+        readonly 'accent-blue-2': "#2E4C6A";
+        readonly 'accent-blue-3': "#4B6074";
+        readonly 'accent-blue-4': "#67819A";
+    };
+    readonly form: {
+        readonly 'light-grey-1': "#BCBEC2";
+        readonly 'light-grey-2': "#E8EAED";
+    };
+    readonly tile: {
+        readonly dark: "#02274B";
+        readonly active: "#0066FF";
+        readonly 'light-1': "#50A6FF";
+        readonly 'light-2': "#89C3FF";
+    };
+    readonly formula: {
+        readonly DEFAULT: "#BD30A8";
+        readonly dark: "#6C155F";
+    };
+    readonly 'brand-yellow': {
+        readonly DEFAULT: "#FFAD00";
+    };
+    readonly 'brand-red': {
+        readonly DEFAULT: "#E83D2F";
+        readonly warning: "#DA1100";
+        readonly muted: "#DF6358";
+    };
+    readonly 'brand-green': {
+        readonly DEFAULT: "#58A942";
+        readonly warning: "#00E920";
+        readonly muted: "#8BB380";
+    };
+};

package/dist/theme/colors.js

@@ -0,0 +1,101 @@
+export const GeneralColors = {
+    darkGrey: '#1D1F21',
+    grey1: '#2B2C2E',
+    grey2: '#424345',
+    grey3: '#626364',
+    grey4: '#9FA0A2',
+    white: '#FFFFFF',
+};
+export const SecondaryColors = {
+    accentBlue1: '#2D3843',
+    accentBlue2: '#2E4C6A',
+    accentBlue3: '#4B6074',
+    accentBlue4: '#67819A',
+};
+export const FormColors = {
+    lightGrey1: '#BCBEC2',
+    lightGrey2: '#E8EAED',
+};
+export const TileColors = {
+    darkBlue: '#02274B',
+    activeBlue: '#0066FF',
+    lightBlue1: '#50A6FF',
+    lightBlue2: '#89C3FF',
+};
+export const FormulaColors = {
+    darkPurple: '#6C155F',
+    purple: '#BD30A8',
+};
+export const YellowColors = {
+    mainYellow: '#FFAD00',
+};
+export const RedColors = {
+    warningRed: '#DA1100',
+    red: '#E83D2F',
+    mutedRed: '#DF6358',
+};
+export const GreenColors = {
+    warningGreen: '#00E920',
+    green: '#58A942',
+    mutedGreen: '#8BB380',
+};
+/**
+ * The palette above shaped for Tailwind's `theme.extend.colors`. Spread it
+ * into the app's tailwind config (works with tailwindcss v3 and NativeWind):
+ *
+ *   import { tailwindColors } from '@reekon-tools/boldr-utils/theme';
+ *   export default {
+ *     theme: { extend: { colors: { ...tailwindColors } } },
+ *   };
+ *
+ * Class names follow the constant names, kebab-cased per group, e.g.
+ * `bg-general-dark-grey`, `text-secondary-accent-blue-1`, `bg-tile-active`,
+ * `border-form-light-grey-2`, `bg-formula`, `text-brand-red-muted`.
+ *
+ * The yellow/red/green groups are namespaced under `brand-*` so they don't
+ * shadow Tailwind's built-in `yellow`/`red`/`green` scales (extend replaces
+ * a color key wholesale, which would break classes like `text-red-500`).
+ */
+export const tailwindColors = {
+    general: {
+        'dark-grey': GeneralColors.darkGrey,
+        'grey-1': GeneralColors.grey1,
+        'grey-2': GeneralColors.grey2,
+        'grey-3': GeneralColors.grey3,
+        'grey-4': GeneralColors.grey4,
+        white: GeneralColors.white,
+    },
+    secondary: {
+        'accent-blue-1': SecondaryColors.accentBlue1,
+        'accent-blue-2': SecondaryColors.accentBlue2,
+        'accent-blue-3': SecondaryColors.accentBlue3,
+        'accent-blue-4': SecondaryColors.accentBlue4,
+    },
+    form: {
+        'light-grey-1': FormColors.lightGrey1,
+        'light-grey-2': FormColors.lightGrey2,
+    },
+    tile: {
+        dark: TileColors.darkBlue,
+        active: TileColors.activeBlue,
+        'light-1': TileColors.lightBlue1,
+        'light-2': TileColors.lightBlue2,
+    },
+    formula: {
+        DEFAULT: FormulaColors.purple,
+        dark: FormulaColors.darkPurple,
+    },
+    'brand-yellow': {
+        DEFAULT: YellowColors.mainYellow,
+    },
+    'brand-red': {
+        DEFAULT: RedColors.red,
+        warning: RedColors.warningRed,
+        muted: RedColors.mutedRed,
+    },
+    'brand-green': {
+        DEFAULT: GreenColors.green,
+        warning: GreenColors.warningGreen,
+        muted: GreenColors.mutedGreen,
+    },
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reekon-tools/boldr-utils",
-  "version": "1.8.3",
+  "version": "1.8.4",
   "description": "Shared utilities for formulas and measurement conversion used in Reekon apps",
   "author": "REEKON Tools",
   "license": "MIT",
@@ -19,6 +19,11 @@
       "import": "./dist/index.js",
       "default": "./dist/index.js"
     },
+    "./theme": {
+      "types": "./dist/theme/colors.d.ts",
+      "import": "./dist/theme/colors.js",
+      "default": "./dist/theme/colors.js"
+    },
     "./package.json": "./package.json"
   },
   "scripts": {
@@ -30,7 +35,7 @@
     "coverage": "vitest run --coverage",
     "format": "prettier --write .",
     "check-format": "prettier --check .",
-    "check-exports": "attw --pack . --ignore-rules=cjs-resolves-to-esm",
+    "check-exports": "attw --pack . --profile esm-only",
     "ci": "yarn run check-format && vitest run && yarn run build && yarn run check-exports"
   },
   "keywords": [],