@replicated/portal-components 0.0.1

package/dist/tokens/index.d.mts

@@ -0,0 +1,36 @@
+type DeepPartial<T> = {
+    [Key in keyof T]?: T[Key] extends Record<string, unknown> ? DeepPartial<T[Key]> : T[Key];
+};
+interface PortalThemeTokens {
+    colors: {
+        background: string;
+        foreground: string;
+        surfaceMuted: string;
+        primary: string;
+        onPrimary: string;
+        secondary: string;
+        onSecondary: string;
+        success: string;
+        warning: string;
+        danger: string;
+    };
+    radii: {
+        lg: string;
+        md: string;
+        sm: string;
+    };
+    spacing: Record<"xs" | "sm" | "md" | "lg" | "xl", string>;
+    typography: {
+        fontFamily: string;
+        monoFamily: string;
+        lineHeight: Record<"tight" | "normal" | "relaxed", string>;
+    };
+    shadows: {
+        focus: string;
+        overlay: string;
+    };
+}
+declare const portalThemeTokens: PortalThemeTokens;
+declare const createPortalTheme: (overrides?: DeepPartial<PortalThemeTokens>) => PortalThemeTokens;
+
+export { type DeepPartial as PortalThemeOverrides, type PortalThemeTokens, createPortalTheme, portalThemeTokens };

package/dist/tokens/index.d.ts

@@ -0,0 +1,36 @@
+type DeepPartial<T> = {
+    [Key in keyof T]?: T[Key] extends Record<string, unknown> ? DeepPartial<T[Key]> : T[Key];
+};
+interface PortalThemeTokens {
+    colors: {
+        background: string;
+        foreground: string;
+        surfaceMuted: string;
+        primary: string;
+        onPrimary: string;
+        secondary: string;
+        onSecondary: string;
+        success: string;
+        warning: string;
+        danger: string;
+    };
+    radii: {
+        lg: string;
+        md: string;
+        sm: string;
+    };
+    spacing: Record<"xs" | "sm" | "md" | "lg" | "xl", string>;
+    typography: {
+        fontFamily: string;
+        monoFamily: string;
+        lineHeight: Record<"tight" | "normal" | "relaxed", string>;
+    };
+    shadows: {
+        focus: string;
+        overlay: string;
+    };
+}
+declare const portalThemeTokens: PortalThemeTokens;
+declare const createPortalTheme: (overrides?: DeepPartial<PortalThemeTokens>) => PortalThemeTokens;
+
+export { type DeepPartial as PortalThemeOverrides, type PortalThemeTokens, createPortalTheme, portalThemeTokens };

package/dist/tokens/index.js

@@ -0,0 +1,71 @@
+'use strict';
+
+/**
+ * Enterprise Portal Components
+ * This file is generated by tsup. Do not edit manually.
+ */
+
+// src/tokens/index.ts
+var baseTokens = {
+  colors: {
+    background: "#0b0d12",
+    foreground: "#f4f6fb",
+    surfaceMuted: "#1b1f2a",
+    primary: "#0d6efd",
+    onPrimary: "#ffffff",
+    secondary: "#6c757d",
+    onSecondary: "#ffffff",
+    success: "#22c55e",
+    warning: "#fbbf24",
+    danger: "#ef4444"
+  },
+  radii: {
+    lg: "16px",
+    md: "10px",
+    sm: "6px"
+  },
+  spacing: {
+    xs: "0.25rem",
+    sm: "0.5rem",
+    md: "0.75rem",
+    lg: "1rem",
+    xl: "1.5rem"
+  },
+  typography: {
+    fontFamily: "Inter, 'SF Pro Display', 'Segoe UI', system-ui, -apple-system, sans-serif",
+    monoFamily: "'JetBrains Mono', 'SFMono-Regular', Consolas, monospace",
+    lineHeight: {
+      tight: "1.2",
+      normal: "1.5",
+      relaxed: "1.75"
+    }
+  },
+  shadows: {
+    focus: "0 0 0 3px color-mix(in srgb, #0d6efd 35%, transparent)",
+    overlay: "0px 20px 55px rgba(5, 7, 11, 0.5)"
+  }
+};
+var mergeTokens = (base, overrides) => {
+  if (!overrides) {
+    return base;
+  }
+  const clone = structuredClone(base);
+  const apply = (target, source) => {
+    Object.entries(source).forEach(([key, value]) => {
+      if (value && typeof value === "object" && !Array.isArray(value) && typeof target[key] === "object") {
+        apply(target[key], value);
+        return;
+      }
+      target[key] = value;
+    });
+  };
+  apply(clone, overrides);
+  return clone;
+};
+var portalThemeTokens = mergeTokens(baseTokens);
+var createPortalTheme = (overrides) => mergeTokens(baseTokens, overrides);
+
+exports.createPortalTheme = createPortalTheme;
+exports.portalThemeTokens = portalThemeTokens;
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/tokens/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/tokens/index.ts"],"names":[],"mappings":";;;;;;;;AAoCA,IAAM,UAAA,GAAgC;AAAA,EACpC,MAAA,EAAQ;AAAA,IACN,UAAA,EAAY,SAAA;AAAA,IACZ,UAAA,EAAY,SAAA;AAAA,IACZ,YAAA,EAAc,SAAA;AAAA,IACd,OAAA,EAAS,SAAA;AAAA,IACT,SAAA,EAAW,SAAA;AAAA,IACX,SAAA,EAAW,SAAA;AAAA,IACX,WAAA,EAAa,SAAA;AAAA,IACb,OAAA,EAAS,SAAA;AAAA,IACT,OAAA,EAAS,SAAA;AAAA,IACT,MAAA,EAAQ;AAAA,GACV;AAAA,EACA,KAAA,EAAO;AAAA,IACL,EAAA,EAAI,MAAA;AAAA,IACJ,EAAA,EAAI,MAAA;AAAA,IACJ,EAAA,EAAI;AAAA,GACN;AAAA,EACA,OAAA,EAAS;AAAA,IACP,EAAA,EAAI,SAAA;AAAA,IACJ,EAAA,EAAI,QAAA;AAAA,IACJ,EAAA,EAAI,SAAA;AAAA,IACJ,EAAA,EAAI,MAAA;AAAA,IACJ,EAAA,EAAI;AAAA,GACN;AAAA,EACA,UAAA,EAAY;AAAA,IACV,UAAA,EACE,2EAAA;AAAA,IACF,UAAA,EAAY,yDAAA;AAAA,IACZ,UAAA,EAAY;AAAA,MACV,KAAA,EAAO,KAAA;AAAA,MACP,MAAA,EAAQ,KAAA;AAAA,MACR,OAAA,EAAS;AAAA;AACX,GACF;AAAA,EACA,OAAA,EAAS;AAAA,IACP,KAAA,EAAO,wDAAA;AAAA,IACP,OAAA,EAAS;AAAA;AAEb,CAAA;AAEA,IAAM,WAAA,GAAc,CAClB,IAAA,EACA,SAAA,KACsB;AACtB,EAAA,IAAI,CAAC,SAAA,EAAW;AACd,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,MAAM,KAAA,GAAQ,gBAAgB,IAAI,CAAA;AAElC,EAAA,MAAM,KAAA,GAAQ,CAAC,MAAA,EAA6B,MAAA,KAAgC;AAC1E,IAAA,MAAA,CAAO,OAAA,CAAQ,MAAM,CAAA,CAAE,OAAA,CAAQ,CAAC,CAAC,GAAA,EAAK,KAAK,CAAA,KAAM;AAC/C,MAAA,IACE,KAAA,IACA,OAAO,KAAA,KAAU,QAAA,IACjB,CAAC,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,IACpB,OAAO,MAAA,CAAO,GAAG,MAAM,QAAA,EACvB;AACA,QAAA,KAAA,CAAM,MAAA,CAAO,GAAG,CAAA,EAAG,KAAK,CAAA;AACxB,QAAA;AAAA,MACF;AAEA,MAAA,MAAA,CAAO,GAAG,CAAA,GAAI,KAAA;AAAA,IAChB,CAAC,CAAA;AAAA,EACH,CAAA;AAEA,EAAA,KAAA,CAAM,OAA8B,SAAgC,CAAA;AACpE,EAAA,OAAO,KAAA;AACT,CAAA;AAEO,IAAM,iBAAA,GACX,YAAY,UAAU;AAEjB,IAAM,iBAAA,GAAoB,CAC/B,SAAA,KACG,WAAA,CAAY,YAAY,SAAS","file":"index.js","sourcesContent":["type DeepPartial<T> = {\n  [Key in keyof T]?: T[Key] extends Record<string, unknown>\n    ? DeepPartial<T[Key]>\n    : T[Key];\n};\n\nexport interface PortalThemeTokens {\n  colors: {\n    background: string;\n    foreground: string;\n    surfaceMuted: string;\n    primary: string;\n    onPrimary: string;\n    secondary: string;\n    onSecondary: string;\n    success: string;\n    warning: string;\n    danger: string;\n  };\n  radii: {\n    lg: string;\n    md: string;\n    sm: string;\n  };\n  spacing: Record<\"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\", string>;\n  typography: {\n    fontFamily: string;\n    monoFamily: string;\n    lineHeight: Record<\"tight\" | \"normal\" | \"relaxed\", string>;\n  };\n  shadows: {\n    focus: string;\n    overlay: string;\n  };\n}\n\nconst baseTokens: PortalThemeTokens = {\n  colors: {\n    background: \"#0b0d12\",\n    foreground: \"#f4f6fb\",\n    surfaceMuted: \"#1b1f2a\",\n    primary: \"#0d6efd\",\n    onPrimary: \"#ffffff\",\n    secondary: \"#6c757d\",\n    onSecondary: \"#ffffff\",\n    success: \"#22c55e\",\n    warning: \"#fbbf24\",\n    danger: \"#ef4444\"\n  },\n  radii: {\n    lg: \"16px\",\n    md: \"10px\",\n    sm: \"6px\"\n  },\n  spacing: {\n    xs: \"0.25rem\",\n    sm: \"0.5rem\",\n    md: \"0.75rem\",\n    lg: \"1rem\",\n    xl: \"1.5rem\"\n  },\n  typography: {\n    fontFamily:\n      \"Inter, 'SF Pro Display', 'Segoe UI', system-ui, -apple-system, sans-serif\",\n    monoFamily: \"'JetBrains Mono', 'SFMono-Regular', Consolas, monospace\",\n    lineHeight: {\n      tight: \"1.2\",\n      normal: \"1.5\",\n      relaxed: \"1.75\"\n    }\n  },\n  shadows: {\n    focus: \"0 0 0 3px color-mix(in srgb, #0d6efd 35%, transparent)\",\n    overlay: \"0px 20px 55px rgba(5, 7, 11, 0.5)\"\n  }\n};\n\nconst mergeTokens = (\n  base: PortalThemeTokens,\n  overrides?: DeepPartial<PortalThemeTokens>\n): PortalThemeTokens => {\n  if (!overrides) {\n    return base;\n  }\n\n  const clone = structuredClone(base);\n\n  const apply = (target: Record<string, any>, source: Record<string, any>) => {\n    Object.entries(source).forEach(([key, value]) => {\n      if (\n        value &&\n        typeof value === \"object\" &&\n        !Array.isArray(value) &&\n        typeof target[key] === \"object\"\n      ) {\n        apply(target[key], value);\n        return;\n      }\n\n      target[key] = value;\n    });\n  };\n\n  apply(clone as Record<string, any>, overrides as Record<string, any>);\n  return clone;\n};\n\nexport const portalThemeTokens: PortalThemeTokens =\n  mergeTokens(baseTokens);\n\nexport const createPortalTheme = (\n  overrides?: DeepPartial<PortalThemeTokens>\n) => mergeTokens(baseTokens, overrides);\n\nexport type { DeepPartial as PortalThemeOverrides };\n"]}

package/package.json

@@ -0,0 +1,90 @@
+{
+  "name": "@replicated/portal-components",
+  "version": "0.0.1",
+  "description": "Opinionated component library for Replicated enterprise portals",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/replicatedhq/enterprise-portal-components.git"
+  },
+  "bugs": {
+    "url": "https://github.com/replicatedhq/enterprise-portal-components/issues"
+  },
+  "homepage": "https://github.com/replicatedhq/enterprise-portal-components#readme",
+  "main": "dist/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/index.d.ts",
+  "style": "dist/styles.css",
+  "files": [
+    "dist",
+    "components/metadata"
+  ],
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/index.js"
+    },
+    "./tokens": {
+      "types": "./dist/tokens/index.d.ts",
+      "import": "./dist/esm/tokens/index.js",
+      "require": "./dist/tokens/index.js"
+    },
+    "./actions": {
+      "types": "./dist/actions/index.d.ts",
+      "import": "./dist/esm/actions/index.js",
+      "require": "./dist/actions/index.js"
+    },
+    "./styles.css": "./dist/styles.css",
+    "./metadata/registry.json": "./components/metadata/registry.json"
+  },
+  "scripts": {
+    "clean": "rimraf dist",
+    "build": "npm run clean && npm run registry:generate && npm run build:css && tsup",
+    "build:css": "tailwindcss -i ./src/styles.css -o ./dist/styles.css --config tailwind.config.ts",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit",
+    "registry:generate": "tsx scripts/generate-registry.ts",
+    "size": "size-limit",
+    "release": "changeset"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "devDependencies": {
+    "@changesets/cli": "^2.27.8",
+    "@size-limit/preset-big-lib": "^9.0.0",
+    "@types/node": "^22.10.1",
+    "@types/react": "^19.0.4",
+    "@types/react-dom": "^19.0.3",
+    "autoprefixer": "^10.4.20",
+    "postcss": "^8.4.49",
+    "react": "19.0.0",
+    "react-dom": "19.0.0",
+    "rimraf": "^6.0.1",
+    "size-limit": "^9.0.0",
+    "tailwindcss": "^3.4.17",
+    "tslib": "^2.7.0",
+    "tsup": "^8.3.5",
+    "tsx": "^4.19.2",
+    "typescript": "^5.6.3"
+  },
+  "engines": {
+    "node": ">=20"
+  },
+  "packageManager": "npm@10",
+  "size-limit": [
+    {
+      "name": "core entry",
+      "path": "dist/esm/index.js",
+      "import": "{ Login }",
+      "limit": "35 KB",
+      "gzip": true
+    }
+  ]
+}