@starasia/text 1.0.0

package/dist/types.d.ts

@@ -0,0 +1,68 @@
+export interface TextProps extends React.HTMLAttributes<HTMLParagraphElement> {
+    fontSize?: FontSize;
+    fontWeight?: FontWeight;
+    color?: TextColor;
+    align?: TextAlign;
+    margin?: TextSpacing;
+    marginTop?: TextSpacing;
+    marginBottom?: TextSpacing;
+    marginLeft?: TextSpacing;
+    marginRight?: TextSpacing;
+    children: React.ReactNode;
+    lineHeight?: LineHeight;
+    textAlign?: TextAlign;
+    fontFamily?: "Poppins" | "Montserrat";
+    currency?: boolean;
+    letterSpacing?: "0.03px" | "0.21px" | "0.252px" | "0.04px" | "0.24px" | "0.18px";
+    variant?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "sub-h1" | "sub-h2" | "sub-h3" | "body-1" | "body-2" | "body-3";
+    truncate?: boolean;
+}
+export declare const LineHeightConst: readonly ["leading-3", "leading-4", "leading-5", "leading-6", "leading-7", "leading-8", "leading-9", "leading-10", "leading-none", "leading-tight", "leading-snug", "leading-normal", "leading-relaxed", "leading-loose"];
+export type LineHeight = (typeof LineHeightConst)[number];
+export declare const TextSpacingConst: readonly ["xs", "sm", "md", "lg", "auto", "spacing-0", "spacing-1", "spacing-2", "spacing-3", "spacing-4", "spacing-5", "spacing-6", "spacing-8", "spacing-10", "spacing-12", "spacing-16", "spacing-20", "spacing-24", "spacing-32", "spacing-40", "spacing-48", "spacing-56", "spacing-64"];
+export type TextSpacing = (typeof TextSpacingConst)[number];
+export declare const TextAlignConst: readonly ["left", "center", "right"];
+export type TextAlign = (typeof TextAlignConst)[number];
+export declare const FontWeightConst: readonly ["hairline", "thin", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"];
+export type FontWeight = (typeof FontWeightConst)[number];
+export declare const TextColorSchemeGenerator: readonly [{
+    readonly name: "brand";
+    readonly colors: readonly ["primary"];
+}, {
+    readonly name: "state";
+    readonly colors: readonly ["default", "secondary", "tertiary", "disable", "white", "success", "success-secondary", "success-disable", "danger", "danger-secondary", "danger-disable", "brand", "brand-secondary", "info", "info-secondary", "warning", "warning-disable", "error"];
+}, {
+    readonly name: "text";
+    readonly colors: readonly ["text", "text-light", "text-muted"];
+}, {
+    readonly name: "gray";
+    readonly colors: readonly ["gray-50", "gray-100", "gray-200", "gray-300", "gray-400", "gray-500", "gray-600", "gray-700", "gray-800", "gray-900", "gray-950"];
+}, {
+    readonly name: "red";
+    readonly colors: readonly ["red-50", "red-100", "red-200", "red-300", "red-400", "red-500", "red-600", "red-700", "red-800", "red-900", "red-950"];
+}, {
+    readonly name: "orange";
+    readonly colors: readonly ["orange-50", "orange-100", "orange-200", "orange-300", "orange-400", "orange-500", "orange-600", "orange-700", "orange-800", "orange-900", "orange-950"];
+}, {
+    readonly name: "yellow";
+    readonly colors: readonly ["yellow-50", "yellow-100", "yellow-200", "yellow-300", "yellow-400", "yellow-500", "yellow-600", "yellow-700", "yellow-800", "yellow-900", "yellow-950"];
+}, {
+    readonly name: "green";
+    readonly colors: readonly ["green-50", "green-100", "green-200", "green-300", "green-400", "green-500", "green-600", "green-700", "green-800", "green-900", "green-950"];
+}, {
+    readonly name: "blue";
+    readonly colors: readonly ["blue-50", "blue-100", "blue-200", "blue-300", "blue-400", "blue-500", "blue-600", "blue-700", "blue-800", "blue-900", "blue-950"];
+}, {
+    readonly name: "purple";
+    readonly colors: readonly ["purple-50", "purple-100", "purple-200", "purple-300", "purple-400", "purple-500", "purple-600", "purple-700", "purple-800", "purple-900", "purple-950"];
+}, {
+    readonly name: "pink";
+    readonly colors: readonly ["pink-50", "pink-100", "pink-200", "pink-300", "pink-400", "pink-500", "pink-600", "pink-700", "pink-800", "pink-900"];
+}, {
+    readonly name: "aloha";
+    readonly colors: readonly ["aloha-50", "aloha-100", "aloha-200", "aloha-300", "aloha-400", "aloha-500", "aloha-600", "aloha-700", "aloha-800", "aloha-900"];
+}];
+export declare const TextColorConst: ("brand" | "primary" | "default" | "secondary" | "tertiary" | "disable" | "white" | "success" | "success-secondary" | "success-disable" | "danger" | "danger-secondary" | "danger-disable" | "brand-secondary" | "info" | "info-secondary" | "warning" | "warning-disable" | "error" | "text" | "text-light" | "text-muted" | "gray-50" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "gray-950" | "red-50" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "red-950" | "orange-50" | "orange-100" | "orange-200" | "orange-300" | "orange-400" | "orange-500" | "orange-600" | "orange-700" | "orange-800" | "orange-900" | "orange-950" | "yellow-50" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "yellow-950" | "green-50" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "green-950" | "blue-50" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-950" | "purple-50" | "purple-100" | "purple-200" | "purple-300" | "purple-400" | "purple-500" | "purple-600" | "purple-700" | "purple-800" | "purple-900" | "purple-950" | "pink-50" | "pink-100" | "pink-200" | "pink-300" | "pink-400" | "pink-500" | "pink-600" | "pink-700" | "pink-800" | "pink-900" | "aloha-50" | "aloha-100" | "aloha-200" | "aloha-300" | "aloha-400" | "aloha-500" | "aloha-600" | "aloha-700" | "aloha-800" | "aloha-900")[];
+export type TextColor = (typeof TextColorConst)[number];
+export declare const FontSizeConst: readonly ["xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl"];
+export type FontSize = (typeof FontSizeConst)[number];

package/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "@starasia/text",
+  "version": "1.0.0",
+  "description": "text component for starasia UI",
+  "author": "Prawito Hudoro",
+  "main": "dist/text.umd.js",
+  "module": "dist/text.es.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist/*.js",
+    "dist/*.d.ts",
+    "dist/*.map",
+    "dist/*.css"
+  ],
+  "scripts": {
+    "dev": "vite --config vite.config.ts --port 3000",
+    "build": "cross-env NODE_ENV=production vite build --config vite.config.ts"
+  },
+  "keywords": [],
+  "license": "ISC",
+  "type": "module",
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "peerDependencies": {
+    "react": ">=18.3 <20",
+    "react-dom": ">=18.3 <20"
+  },
+  "devDependencies": {
+    "@types/node": "^20.17.52",
+    "@types/react": "^18.3.23",
+    "@types/react-dom": "^18.3.7",
+    "@vitejs/plugin-react": "^4.5.0",
+    "cross-env": "^7.0.3",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "tsconfig-paths": "^4.2.0",
+    "typescript": "^5.8.3",
+    "vite": "^5.4.19",
+    "vite-plugin-dts": "^3.9.1"
+  }
+}