@tqc-solution/design-system 0.1.73

package/dist/tailwind/pubfuture.preset.d.ts

@@ -0,0 +1,4 @@
+import type { Config } from 'tailwindcss';
+
+declare const config: Config;
+export default config;

package/dist/tailwind/pubfuture.preset.js

@@ -0,0 +1,217 @@
+/** 
+ * TQC Design System - Tailwind CSS Preset
+ * Theme: pubfuture
+ * 
+ * This preset maps design system CSS variables to Tailwind utilities.
+ * Make sure to import the corresponding CSS file in your app:
+ * 
+ * Note: CSS variables are automatically injected when importing components.
+ * No need to import CSS file separately.
+ * 
+ * @type {import('tailwindcss').Config}
+ */
+export default {
+  theme: {
+    extend: {
+  "colors": {
+    "background-bg-overlay": "var(--background-bg-overlay)",
+    "background-bg-primary": "var(--background-bg-primary)",
+    "background-bg-secondary": "var(--background-bg-secondary)",
+    "background-bg-tertiary": "var(--background-bg-tertiary)",
+    "background-fill-alert": "var(--background-fill-alert)",
+    "background-fill-black-opacity-30": "var(--background-fill-black-opacity-30)",
+    "background-fill-brand": "var(--background-fill-brand)",
+    "background-fill-brand-accent": "var(--background-fill-brand-accent)",
+    "background-fill-brand-accent-moderate": "var(--background-fill-brand-accent-moderate)",
+    "background-fill-brand-accent-strong": "var(--background-fill-brand-accent-strong)",
+    "background-fill-brand-accent-subtle": "var(--background-fill-brand-accent-subtle)",
+    "background-fill-brand-moderate": "var(--background-fill-brand-moderate)",
+    "background-fill-brand-strong": "var(--background-fill-brand-strong)",
+    "background-fill-brand-subtle": "var(--background-fill-brand-subtle)",
+    "background-fill-disabled": "var(--background-fill-disabled)",
+    "background-fill-infor": "var(--background-fill-infor)",
+    "background-fill-infor-subtle": "var(--background-fill-infor-subtle)",
+    "background-fill-negative": "var(--background-fill-negative)",
+    "background-fill-negative-moderate": "var(--background-fill-negative-moderate)",
+    "background-fill-negative-strong": "var(--background-fill-negative-strong)",
+    "background-fill-negative-subtle": "var(--background-fill-negative-subtle)",
+    "background-fill-positive": "var(--background-fill-positive)",
+    "background-fill-positive-subtle": "var(--background-fill-positive-subtle)",
+    "background-fill-primary": "var(--background-fill-primary)",
+    "background-fill-primary-moderate": "var(--background-fill-primary-moderate)",
+    "background-fill-primary-subtle": "var(--background-fill-primary-subtle)",
+    "background-fill-secondary": "var(--background-fill-secondary)",
+    "background-fill-secondary-moderate": "var(--background-fill-secondary-moderate)",
+    "background-fill-secondary-strong": "var(--background-fill-secondary-strong)",
+    "background-fill-secondary-subtle": "var(--background-fill-secondary-subtle)",
+    "background-fill-warning": "var(--background-fill-warning)",
+    "background-fill-warning-subtle": "var(--background-fill-warning-subtle)",
+    "background-fill-white-opacity-40": "var(--background-fill-white-opacity-40)",
+    "background-fill-white-opacity-60": "var(--background-fill-white-opacity-60)",
+    "background-surface-disabled": "var(--background-surface-disabled)",
+    "background-surface-focus": "var(--background-surface-focus)",
+    "background-surface-primary": "var(--background-surface-primary)",
+    "background-surface-secondary": "var(--background-surface-secondary)",
+    "decorative-yellow": "var(--decorative-yellow)",
+    "divider-primary": "var(--divider-primary)",
+    "divider-secondary": "var(--divider-secondary)",
+    "divider-tertiary": "var(--divider-tertiary)",
+    "effect-10-pct": "var(--effect-10-pct)",
+    "effect-15-pct": "var(--effect-15-pct)",
+    "effect-18-pct": "var(--effect-18-pct)",
+    "effect-20-pct": "var(--effect-20-pct)",
+    "effect-3-pct": "var(--effect-3-pct)",
+    "effect-5-pct": "var(--effect-5-pct)",
+    "effect-8-pct": "var(--effect-8-pct)",
+    "border-brand": "var(--border-brand)",
+    "icon-brand": "var(--icon-brand)",
+    "icon-brand-strong": "var(--icon-brand-strong)",
+    "icon-disabled": "var(--icon-disabled)",
+    "icon-infor": "var(--icon-infor)",
+    "icon-Infor-subtle": "var(--icon-Infor-subtle)",
+    "icon-inverse": "var(--icon-inverse)",
+    "icon-negative": "var(--icon-negative)",
+    "icon-negative-subtle": "var(--icon-negative-subtle)",
+    "icon-positive": "var(--icon-positive)",
+    "icon-positive-moderate": "var(--icon-positive-moderate)",
+    "icon-positive-strong": "var(--icon-positive-strong)",
+    "icon-primary": "var(--icon-primary)",
+    "icon-secondary": "var(--icon-secondary)",
+    "icon-tertiary": "var(--icon-tertiary)",
+    "icon-warning": "var(--icon-warning)",
+    "icon-warning-subtle": "var(--icon-warning-subtle)",
+    "stroke-brand": "var(--stroke-brand)",
+    "stroke-brand-strong": "var(--stroke-brand-strong)",
+    "stroke-brand-subtle": "var(--stroke-brand-subtle)",
+    "stroke-disable": "var(--stroke-disable)",
+    "stroke-inverse": "var(--stroke-inverse)",
+    "stroke-negative": "var(--stroke-negative)",
+    "stroke-positive": "var(--stroke-positive)",
+    "stroke-primary": "var(--stroke-primary)",
+    "stroke-secondary": "var(--stroke-secondary)",
+    "stroke-Stroke-0-5": "var(--stroke-Stroke-0-5)",
+    "stroke-Stroke-1": "var(--stroke-Stroke-1)",
+    "stroke-Stroke-1-5": "var(--stroke-Stroke-1-5)",
+    "stroke-Stroke-2": "var(--stroke-Stroke-2)",
+    "stroke-Stroke-4": "var(--stroke-Stroke-4)",
+    "stroke-tertiary": "var(--stroke-tertiary)",
+    "stroke-warning": "var(--stroke-warning)",
+    "text-brand": "var(--text-brand)",
+    "text-brand-strong": "var(--text-brand-strong)",
+    "text-brand-subtle": "var(--text-brand-subtle)",
+    "text-disabled": "var(--text-disabled)",
+    "text-inverse": "var(--text-inverse)",
+    "text-inverse-moderate": "var(--text-inverse-moderate)",
+    "text-nagative-moderate": "var(--text-nagative-moderate)",
+    "text-negative": "var(--text-negative)",
+    "text-positive": "var(--text-positive)",
+    "text-positive-moderate": "var(--text-positive-moderate)",
+    "text-primary": "var(--text-primary)",
+    "text-secondary": "var(--text-secondary)",
+    "text-tertiary": "var(--text-tertiary)",
+    "text-tertiary-moderate": "var(--text-tertiary-moderate)",
+    "text-warning": "var(--text-warning)",
+    "text-warning-moderate": "var(--text-warning-moderate)"
+  },
+  "spacing": {
+    "0": "var(--spacing-0)",
+    "2": "var(--spacing-2)",
+    "4": "var(--spacing-4)",
+    "6": "var(--spacing-6)",
+    "8": "var(--spacing-8)",
+    "12": "var(--spacing-12)",
+    "16": "var(--spacing-16)",
+    "20": "var(--spacing-20)",
+    "22": "var(--spacing-22)",
+    "24": "var(--spacing-24)",
+    "28": "var(--spacing-28)",
+    "32": "var(--spacing-32)",
+    "36": "var(--spacing-36)",
+    "40": "var(--spacing-40)",
+    "44": "var(--spacing-44)",
+    "48": "var(--spacing-48)",
+    "60": "var(--spacing-60)",
+    "72": "var(--spacing-72)",
+    "80": "var(--spacing-80)",
+    "128": "var(--spacing-128)",
+    "144": "var(--spacing-144)",
+    "-8": "var(--spacing--8)",
+    "full": "var(--spacing-full)"
+  },
+  "borderRadius": {
+    "0": "var(--radius-0)",
+    "4": "var(--radius-4)",
+    "6": "var(--radius-6)",
+    "8": "var(--radius-8)",
+    "12": "var(--radius-12)",
+    "16": "var(--radius-16)",
+    "24": "var(--radius-24)",
+    "full": "var(--radius-full)"
+  },
+  "fontFamily": {
+    "primary": "var(--font-family-primary)"
+  },
+  "fontSize": {
+    "body-lg": "var(--body-lg-font-size)",
+    "body-md": "var(--body-md-font-size)",
+    "body-sm": "var(--body-sm-font-size)",
+    "body-xs": "var(--body-xs-font-size)",
+    "heading-2xl": "var(--heading-2xl-font-size)",
+    "heading-3xl": "var(--heading-3xl-font-size)",
+    "heading-lg": "var(--heading-lg-font-size)",
+    "heading-md": "var(--heading-md-font-size)",
+    "heading-sm": "var(--heading-sm-font-size)",
+    "heading-xl": "var(--heading-xl-font-size)",
+    "heading-xs": "var(--heading-xs-font-size)"
+  },
+  "lineHeight": {
+    "body-lg": "var(--body-lg-line-height)",
+    "body-md": "var(--body-md-line-height)",
+    "body-sm": "var(--body-sm-line-height)",
+    "body-xs": "var(--body-xs-line-height)",
+    "heading-2xl": "var(--heading-2xl-line-height)",
+    "heading-3xl": "var(--heading-3xl-line-height)",
+    "heading-lg": "var(--heading-lg-line-height)",
+    "heading-md": "var(--heading-md-line-height)",
+    "heading-xl": "var(--heading-xl-line-height)",
+    "heading-xs": "var(--heading-xs-line-height)"
+  },
+  "fontWeight": {
+    "body-lg-weight-medium": "var(--body-lg-weight-medium)",
+    "body-lg-weight-regular": "var(--body-lg-weight-regular)",
+    "body-lg-weight-semibold": "var(--body-lg-weight-semibold)",
+    "body-md-weight-medium": "var(--body-md-weight-medium)",
+    "body-md-weight-regular": "var(--body-md-weight-regular)",
+    "body-md-weight-semibold": "var(--body-md-weight-semibold)",
+    "body-sm-weight-bold": "var(--body-sm-weight-bold)",
+    "body-sm-weight-medium": "var(--body-sm-weight-medium)",
+    "body-sm-weight-regular": "var(--body-sm-weight-regular)",
+    "body-xs-weight": "var(--body-xs-weight)",
+    "heading-2xl-weight": "var(--heading-2xl-weight)",
+    "heading-3xl-weight": "var(--heading-3xl-weight)",
+    "heading-lg-weight": "var(--heading-lg-weight)",
+    "heading-md-weight": "var(--heading-md-weight)",
+    "heading-sm-line-weight": "var(--heading-sm-line-weight)",
+    "heading-sm-weight": "var(--heading-sm-weight)",
+    "heading-xl-weight": "var(--heading-xl-weight)",
+    "heading-xs-weight": "var(--heading-xs-weight)",
+    "weight-bold": "var(--weight-bold)",
+    "weight-medium": "var(--weight-medium)",
+    "weight-regular": "var(--weight-regular)",
+    "weight-semibold": "var(--weight-semibold)"
+  },
+  "boxShadow": {
+    "shadow-2xl": "1px 24px 48px -14px rgba(10, 13, 18, 0.18)",
+    "shadow-3xl": "4px 4px 20px 4px rgba(0, 0, 0, 0.15)",
+    "shadow-lg": "0px 4px 6px -2px rgba(10, 13, 18, 0.03), 2px 4px 16px 0px rgba(10, 13, 18, 0.1)",
+    "shadow-md": "-1px 1px 6px 0px rgba(0, 0, 0, 0.15)",
+    "shadow-sm": "0px 1px 2px 0px rgba(10, 13, 18, 0.06), 0px 1px 3px 0px rgba(10, 13, 18, 0.1)",
+    "shadow-sm-destructive": "0px 0px 0px 4px #fcece8, 0px 1px 2px 0px rgba(9, 105, 27, 0.05)",
+    "shadow-sm-neutral": "0px 0px 0px 4px #eeeeee, 0px 1px 2px 0px rgba(9, 105, 27, 0.05)",
+    "shadow-sm-primary": "0px 0px 0px 4px #e3f7e3, 0px 1px 2px 0px rgba(9, 105, 27, 0.05)",
+    "shadow-sm-secondary": "0px 0px 0px 4px #e6f6fe, 0px 1px 2px 0px rgba(9, 105, 27, 0.05)",
+    "shadow-xl": "0px 8px 8px -4px rgba(10, 13, 18, 0.03), 5px 13px 17px 7px rgba(10, 13, 18, 0.08)"
+  }
+}
+  }
+};

package/dist/types.d.ts

@@ -0,0 +1,6 @@
+export type IconProps = {
+    className?: string;
+    width?: number;
+    height?: number;
+    color?: string;
+};

package/package.json

@@ -0,0 +1,100 @@
+{
+  "name": "@tqc-solution/design-system",
+  "version": "0.1.73",
+  "description": "TQC Design System - Reusable React components with multi-theme support",
+  "type": "module",
+  "main": "./dist/index.cjs.js",
+  "module": "./dist/index.es.js",
+  "types": "./dist/index.d.ts",
+  "typings": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.es.js"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.cjs.js"
+      }
+    },
+    "./tailwind": {
+      "import": {
+        "types": "./dist/tailwind/index.d.ts",
+        "default": "./dist/tailwind/index.js"
+      },
+      "require": {
+        "types": "./dist/tailwind/index.d.ts",
+        "default": "./dist/tailwind/index.js"
+      },
+      "default": "./dist/tailwind/index.js"
+    },
+    "./pubfuture.css": "./dist/pubfuture.css",
+    "./oio.css": "./dist/oio.css"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build:pubfuture": "node scripts/build-theme.js pubfuture",
+    "build:oio": "node scripts/build-theme.js oio",
+    "build:types": "tsc -p tsconfig.build.json",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "prepublishOnly": "echo 'Use npm run build:pubfuture or build:oio before publishing with --tag'"
+  },
+  "peerDependencies": {
+    "dayjs": "^1.11.0",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.39.1",
+    "@types/node": "^24.10.1",
+    "@types/react": "^19.2.5",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^5.1.1",
+    "autoprefixer": "^10.4.23",
+    "dayjs": "^1.11.19",
+    "eslint": "^9.39.1",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.24",
+    "globals": "^16.5.0",
+    "postcss": "^8.5.6",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "sass": "^1.97.1",
+    "tailwindcss": "^3.4.19",
+    "typescript": "~5.9.3",
+    "typescript-eslint": "^8.46.4",
+    "vite": "^7.2.4",
+    "vite-plugin-css-injected-by-js": "^3.5.2"
+  },
+  "keywords": [
+    "react",
+    "design-system",
+    "components",
+    "ui",
+    "theme",
+    "tqc"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/TQC-Solution/design-system.git"
+  },
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@monaco-editor/react": "^4.8.0-rc.3",
+    "@types/trusted-types": "^2.0.7",
+    "dompurify": "^3.2.7",
+    "highcharts": "^12.4.0",
+    "marked": "^14.0.0",
+    "monaco-editor": "^0.55.1",
+    "react-quill-new": "^3.7.0"
+  }
+}