@logto/core-kit 1.1.0 → 2.0.1

package/lib/index.d.ts

@@ -1,3 +1,4 @@
 export * from './utils/index.js';
 export * from './regex.js';
 export * from './scope.js';
+export * from './models/index.js';

package/lib/index.js

@@ -1,3 +1,4 @@
 export * from './utils/index.js';
 export * from './regex.js';
 export * from './scope.js';
+export * from './models/index.js';

package/lib/models/index.d.ts

@@ -0,0 +1 @@
+export * from './tenant.js';

package/lib/models/index.js

@@ -0,0 +1 @@
+export * from './tenant.js';

package/lib/models/tenant.d.ts

@@ -0,0 +1,7 @@
+export type TenantMetadata = {
+    id: string;
+    parentRole: string;
+    role: string;
+    password: string;
+};
+export declare const createTenantMetadata: (databaseName: string, tenantId?: string) => TenantMetadata;

package/lib/models/tenant.js

@@ -0,0 +1,9 @@
+import { generateStandardId, buildIdGenerator } from '@logto/shared/universal';
+// Use lowercase letters for tenant IDs to improve compatibility
+const generateTenantId = buildIdGenerator(6, false);
+export const createTenantMetadata = (databaseName, tenantId = generateTenantId(6)) => {
+    const parentRole = `logto_tenant_${databaseName}`;
+    const role = `logto_tenant_${databaseName}_${tenantId}`;
+    const password = generateStandardId(32);
+    return { id: tenantId, parentRole, role, password };
+};

package/lib/utils/index.d.ts

@@ -1,3 +1,2 @@
 export * from './color.js';
-export * from './id.js';
 export * from './url.js';

package/lib/utils/index.js

@@ -1,3 +1,2 @@
 export * from './color.js';
-export * from './id.js';
 export * from './url.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@logto/core-kit",
-  "version": "1.1.0",
+  "version": "2.0.1",
   "author": "Silverhand Inc. <contact@silverhand.io>",
   "homepage": "https://github.com/logto-io/toolkit#readme",
   "repository": {
@@ -11,9 +11,13 @@
   "type": "module",
   "main": "./lib/index.js",
   "exports": {
-    "default": "./lib/index.js",
-    "types": "./lib/index.d.ts",
-    "import": "./lib/index.js"
+    ".": {
+      "default": "./lib/index.js",
+      "types": "./lib/index.d.ts",
+      "import": "./lib/index.js"
+    },
+    "./declaration": "./declaration/index.ts",
+    "./scss/*": "./scss/*.scss"
   },
   "types": "./lib/index.d.ts",
   "files": [
@@ -25,23 +29,23 @@
     "node": "^18.12.0"
   },
   "dependencies": {
-    "color": "^4.2.3",
-    "nanoid": "^4.0.0",
-    "@logto/language-kit": "1.0.0"
+    "@logto/language-kit": "^1.0.0",
+    "@logto/shared": "^2.0.0",
+    "color": "^4.2.3"
   },
   "optionalDependencies": {
     "zod": "^3.20.2"
   },
   "devDependencies": {
     "@jest/types": "^29.0.3",
-    "@silverhand/eslint-config": "2.0.1",
-    "@silverhand/eslint-config-react": "2.0.1",
+    "@silverhand/eslint-config": "3.0.1",
     "@silverhand/essentials": "^2.5.0",
-    "@silverhand/ts-config": "2.0.3",
+    "@silverhand/ts-config": "3.0.0",
+    "@silverhand/ts-config-react": "3.0.0",
     "@types/color": "^3.0.3",
     "@types/jest": "^29.4.0",
     "@types/node": "^18.11.18",
-    "@types/react": "^18.0.20",
+    "@types/react": "^18.0.31",
     "eslint": "^8.34.0",
     "jest": "^29.5.0",
     "lint-staged": "^13.0.0",
@@ -49,7 +53,7 @@
     "prettier": "^2.8.2",
     "stylelint": "^15.0.0",
     "tslib": "^2.4.1",
-    "typescript": "^4.9.4"
+    "typescript": "^5.0.0"
   },
   "eslintConfig": {
     "extends": "@silverhand"

package/scss/_console-themes.scss

@@ -105,10 +105,15 @@
   --color-tertiary-container: var(--color-tertiary-90);
   --color-on-tertiary-container: var(--color-tertiary-10);
   --color-error: var(--color-error-40);
-  --color-on-error: var(--color-all-100);
-  --color-error-container: var(--color-error-90);
-  --color-on-error-container: var(--color-error-10);
-  --color-alert-container: var(--color-alert-99);
+  --color-error-hover: var(--color-error-50);
+  --color-error-container: var(--color-error-95);
+  --color-on-error-container: var(--color-error-50);
+  --color-alert-container: var(--color-alert-95);
+  --color-on-alert-container: var(--color-alert-70);
+  --color-success-container: var(--color-success-99);
+  --color-on-success-container: var(--color-success-70);
+  --color-info-container: var(--color-neutral-variant-90);
+  --color-on-info-container: var(--color-neutral-variant-60);
   --color-background: var(--color-neutral-99);
   --color-on-background: var(--color-neutral-10);
   --color-surface: var(--color-neutral-99);
@@ -150,6 +155,9 @@
   --color-hover-variant: rgba(93, 52, 242, 8%); // 8% Primary-40
   --color-pressed-variant: rgba(93, 52, 242, 12%); // 12% Primary-40
   --color-focused-variant: rgba(93, 52, 242, 16%); // 16% Primary-40
+  --color-env-tag-development: rgba(93, 52, 242, 15%);
+  --color-env-tag-staging: rgba(255, 185, 90, 35%);
+  --color-env-tag-production: rgba(131, 218, 133, 35%);
 
   // Shadows
   --shadow-1: 0 4px 8px rgba(0, 0, 0, 8%);
@@ -278,10 +286,15 @@
   --color-tertiary-container: var(--color-tertiary-90);
   --color-on-tertiary-container: var(--color-tertiary-30);
   --color-error: var(--color-error-70);
-  --color-on-error: var(--color-all-0);
-  --color-error-container: var(--color-error-90);
-  --color-on-error-container: var(--color-error-30);
+  --color-error-hover: var(--color-error-60);
+  --color-error-container: var(--color-error-95);
+  --color-on-error-container: var(--color-error-70);
   --color-alert-container: var(--color-alert-90);
+  --color-on-alert-container: var(--color-alert-60);
+  --color-success-container: var(--color-success-90);
+  --color-on-success-container: var(--color-success-60);
+  --color-info-container: var(--color-neutral-variant-90);
+  --color-on-info-container: var(--color-neutral-variant-70);
   --color-background: var(--color-neutral-99);
   --color-on-background: var(--color-neutral-10);
   --color-surface: var(--color-neutral-99);
@@ -323,6 +336,9 @@
   --color-hover-variant: rgba(202, 190, 255, 8%); // 8% Primary-40
   --color-pressed-variant: rgba(202, 190, 255, 12%); // 12% Primary-40
   --color-focused-variant: rgba(202, 190, 255, 16%); // 16% Primary-40
+  --color-env-tag-development: rgba(202, 190, 255, 32%);
+  --color-env-tag-staging: rgba(235, 153, 24, 36%);
+  --color-env-tag-production: rgba(104, 190, 108, 36%);
 
   // Shadows
   --shadow-1: 0 4px 8px rgba(0, 0, 0, 8%);
@@ -337,7 +353,7 @@
   --color-danger-focused: rgba(255, 180, 169, 16%); // 16% Error-40
   --color-tooltip-background: var(--color-surface-4);
   --color-tooltip-text: var(--color-neutral-10);
-  --color-overlay: rgba(0, 0, 0, 30%);
+  --color-overlay: rgba(0, 0, 0, 70%); // 70% Neutral-100
   --color-drawer-overlay: rgba(0, 0, 0, 60%);
   --color-guide-dropdown-background: var(--color-neutral-variant-80);
   --color-guide-dropdown-border: var(--color-neutral-variant-70);

package/scss/_fonts.scss

@@ -12,6 +12,9 @@ $font-family:
 
 :root {
   --font-family: #{$font-family};
+  --font-display-1: 700 48/56px #{$font-family};
+  --font-display-2: 700 40px/48px #{$font-family};
+  --font-display-3: 700 32px/40px #{$font-family};
   --font-headline-1: 600 32px/40px #{$font-family};
   --font-headline-2: 600 28px/36px #{$font-family};
   --font-headline-3: 600 24px/32px #{$font-family};
@@ -21,6 +24,7 @@ $font-family:
   --font-label-1: 500 16px/24px #{$font-family};
   --font-label-2: 500 14px/20px #{$font-family};
   --font-label-3: 500 12px/16px #{$font-family};
+  --font-body-0: 400 18px/26px #{$font-family};
   --font-body-1: 400 16px/24px #{$font-family};
   --font-body-2: 400 14px/20px #{$font-family};
   --font-body-3: 400 12px/16px #{$font-family};

package/lib/utils/id.d.ts

@@ -1,2 +0,0 @@
-export declare const buildIdGenerator: (size: number) => (size?: number | undefined) => string;
-export declare const generateStandardId: (size?: number | undefined) => string;

package/lib/utils/id.js

@@ -1,4 +0,0 @@
-import { customAlphabet } from 'nanoid';
-const alphabet = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
-export const buildIdGenerator = (size) => customAlphabet(alphabet, size);
-export const generateStandardId = buildIdGenerator(21);