@yccui/ui 1.0.0

package/dist/tokens/typography.d.ts

@@ -0,0 +1,148 @@
+export declare const fontFamily: {
+    readonly sans: "'Poppins', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif";
+    readonly mono: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Courier New', monospace";
+};
+export declare const fontWeight: {
+    readonly regular: 400;
+    readonly medium: 500;
+    readonly semibold: 600;
+    readonly bold: 700;
+    readonly extrabold: 800;
+    readonly black: 900;
+};
+export declare const fontSize: {
+    readonly xs2: "9px";
+    readonly xs: "10px";
+    readonly xs3: "10.5px";
+    readonly sm2: "11px";
+    readonly sm: "12px";
+    readonly sm3: "12.5px";
+    readonly base: "13px";
+    readonly md: "14px";
+    readonly md2: "15px";
+    readonly md3: "16px";
+    readonly lg: "18px";
+    readonly xl: "20px";
+    readonly '2xl': "24px";
+};
+export declare const lineHeight: {
+    readonly none: "1";
+    readonly tight: "1.25";
+    readonly snug: "1.375";
+    readonly normal: "1.5";
+};
+export declare const letterSpacing: {
+    readonly wide: "0.025em";
+    readonly wider: "0.05em";
+};
+export declare const textStyle: {
+    readonly navGroupLabel: {
+        readonly size: "9px";
+        readonly weight: 700;
+        readonly spacing: "0.05em";
+        readonly transform: "uppercase";
+    };
+    readonly navSectionLabel: {
+        readonly size: "12.5px";
+        readonly weight: 600;
+    };
+    readonly navItem: {
+        readonly size: "12px";
+        readonly weight: 500;
+    };
+    readonly fieldLabel: {
+        readonly size: "10px";
+        readonly weight: 600;
+        readonly spacing: "0.025em";
+        readonly transform: "uppercase";
+    };
+    readonly input: {
+        readonly size: "12px";
+        readonly weight: 400;
+    };
+    readonly pageTitle: {
+        readonly size: "20px";
+        readonly weight: 700;
+    };
+    readonly detailTitle: {
+        readonly size: "18px";
+        readonly weight: 700;
+    };
+    readonly panelTitle: {
+        readonly size: "14px";
+        readonly weight: 700;
+    };
+    readonly body: {
+        readonly size: "12px";
+        readonly weight: 400;
+    };
+    readonly meta: {
+        readonly size: "11px";
+        readonly weight: 400;
+    };
+    readonly footnote: {
+        readonly size: "10.5px";
+        readonly weight: 400;
+    };
+    readonly kpiValue: {
+        readonly size: "24px";
+        readonly weight: 700;
+    };
+    readonly kpiLabel: {
+        readonly size: "10px";
+        readonly weight: 600;
+        readonly spacing: "0.025em";
+        readonly transform: "uppercase";
+    };
+    readonly tableValue: {
+        readonly size: "13px";
+        readonly weight: 400;
+    };
+    readonly reference: {
+        readonly size: "13px";
+        readonly weight: 700;
+        readonly family: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Courier New', monospace";
+    };
+    readonly badge: {
+        readonly size: "11px";
+        readonly weight: 600;
+    };
+    readonly chip: {
+        readonly size: "10px";
+        readonly weight: 700;
+    };
+    readonly btn: {
+        readonly size: "10px";
+        readonly weight: 600;
+    };
+};
+export declare const typographyTokens: {
+    readonly 'font-sans': "'Poppins', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif";
+    readonly 'font-mono': "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Courier New', monospace";
+    readonly 'size-xs2': "9px";
+    readonly 'size-xs': "10px";
+    readonly 'size-xs3': "10.5px";
+    readonly 'size-sm2': "11px";
+    readonly 'size-sm': "12px";
+    readonly 'size-sm3': "12.5px";
+    readonly 'size-base': "13px";
+    readonly 'size-md': "14px";
+    readonly 'size-md2': "15px";
+    readonly 'size-md3': "16px";
+    readonly 'size-lg': "18px";
+    readonly 'size-xl': "20px";
+    readonly 'size-2xl': "24px";
+    readonly 'weight-regular': string;
+    readonly 'weight-medium': string;
+    readonly 'weight-semibold': string;
+    readonly 'weight-bold': string;
+    readonly 'weight-extrabold': string;
+    readonly 'weight-black': string;
+    readonly 'leading-tight': "1.25";
+    readonly 'leading-none': "1";
+    readonly 'leading-snug': "1.375";
+    readonly 'leading-normal': "1.5";
+    readonly 'tracking-wide': "0.025em";
+    readonly 'tracking-wider': "0.05em";
+};
+//# sourceMappingURL=typography.d.ts.map

package/dist/tokens/typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/tokens/typography.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU;;;CAKb,CAAC;AAKX,eAAO,MAAM,UAAU;;;;;;;CAOb,CAAC;AAMX,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;CAqBX,CAAC;AAKX,eAAO,MAAM,UAAU;;;;;CAKb,CAAC;AAKX,eAAO,MAAM,aAAa;;;CAGhB,CAAC;AAKX,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyFZ,CAAC;AAIX,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCnB,CAAC"}

package/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "@yccui/ui",
+  "version": "1.0.0",
+  "description": "React component library for the Your Cargo Contact APIP platform",
+  "keywords": ["react", "components", "logistics", "freight", "customs", "ui"],
+  "license": "MIT",
+  "type": "module",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./styles": "./dist/styles.css"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "sideEffects": ["dist/styles.css"],
+  "scripts": {
+    "build": "vite build && tsc --emitDeclarationOnly --outDir dist",
+    "dev": "vite build --watch",
+    "typecheck": "tsc --noEmit",
+    "prepublishOnly": "npm run build"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-react": "^5.0.0",
+    "@types/react": "^18.3.0",
+    "@types/react-dom": "^18.3.0",
+    "typescript": "^5.5.0",
+    "vite": "^7.0.0",
+    "vite-plugin-dts": "^4.0.0"
+  }
+}