@oneplatformdev/tokens 0.0.1-5 → 0.0.1-6

package/.babelrc

@@ -0,0 +1,12 @@
+{
+  "presets": [
+    [
+      "@nx/react/babel",
+      {
+        "runtime": "automatic",
+        "useBuiltIns": "usage"
+      }
+    ]
+  ],
+  "plugins": []
+}

package/CHANGELOG.md

@@ -0,0 +1,19 @@
+## 0.0.1-6 (2025-09-11)
+
+This was a version bump only for @oneplatformdev/tokens to align it with other projects, there were no code changes.
+
+## 0.0.1-5 (2025-09-11)
+
+This was a version bump only for @oneplatformdev/tokens to align it with other projects, there were no code changes.
+
+## 0.0.1-4 (2025-09-11)
+
+This was a version bump only for @oneplatformdev/tokens to align it with other projects, there were no code changes.
+
+## 0.0.1-3 (2025-09-11)
+
+This was a version bump only for @oneplatformdev/tokens to align it with other projects, there were no code changes.
+
+## 0.0.1-2 (2025-09-11)
+
+This was a version bump only for @oneplatformdev/tokens to align it with other projects, there were no code changes.

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oneplatformdev/tokens",
-  "version": "0.0.1-4",
+  "version": "0.0.1-5",
   "description": "tokens",
   "author": "One Platform Development Team",
   "keywords": [
@@ -37,6 +37,7 @@
     }
   },
   "files": [
+    "**/*",
     "dist",
     "README.md",
     "LICENSE",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oneplatformdev/tokens",
-  "version": "0.0.1-5",
+  "version": "0.0.1-6",
   "description": "tokens",
   "author": "One Platform Development Team",
   "keywords": [
@@ -37,6 +37,7 @@
     }
   },
   "files": [
+    "**/*",
     "dist",
     "README.md",
     "LICENSE",

package/src/applyBrandTokens.ts

@@ -0,0 +1,19 @@
+import type { BrandTokens } from './index'
+const STYLE_ID = 'oneplatform-brand-tokens'
+
+export function applyBrandTokens(tokens: BrandTokens) {
+  const el = (document.getElementById(STYLE_ID) as HTMLStyleElement)
+    ?? Object.assign(document.createElement('style'), { id: STYLE_ID })
+
+  const set = (k: string, v?: string) => (v ? `--${k}: ${v};` : '')
+  el.textContent = `:root{${[
+    set('background', tokens.background),
+    set('foreground', tokens.foreground),
+    set('primary', tokens.primary),
+    set('primary-fg', tokens.primaryFg),
+    set('muted', tokens.muted),
+    set('muted-fg', tokens.mutedFg)
+  ].join('')}}`
+
+  if (!el.parentNode) document.head.appendChild(el)
+}

package/src/index.ts

@@ -0,0 +1,19 @@
+export type BrandTokens = {
+  background?: string
+  foreground?: string
+  primary?: string
+  primaryFg?: string
+  muted?: string
+  mutedFg?: string
+}
+
+export const defaultTokens: Required<BrandTokens> = {
+  background: 'hsl(0 0% 100%)',
+  foreground: 'hsl(0 0% 10%)',
+  primary:    'hsl(210 90% 50%)',
+  primaryFg:  'hsl(0 0% 100%)',
+  muted:      'hsl(220 14% 96%)',
+  mutedFg:    'hsl(220 8% 35%)'
+}
+
+export { applyBrandTokens } from './applyBrandTokens'

package/tsconfig.json

@@ -0,0 +1,10 @@
+{
+  "files": [],
+  "include": [],
+  "references": [
+    {
+      "path": "./tsconfig.lib.json"
+    }
+  ],
+  "extends": "../../tsconfig.base.json"
+}

package/tsconfig.lib.json

@@ -0,0 +1,33 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "compilerOptions": {
+    "outDir": "dist",
+    "types": [
+      "node",
+      "@nx/react/typings/cssmodule.d.ts",
+      "@nx/react/typings/image.d.ts",
+      "vite/client"
+    ],
+    "rootDir": "src",
+    "jsx": "react-jsx",
+    "tsBuildInfoFile": "dist/tsconfig.lib.tsbuildinfo"
+  },
+  "exclude": [
+    "out-tsc",
+    "dist",
+    "**/*.spec.ts",
+    "**/*.test.ts",
+    "**/*.spec.tsx",
+    "**/*.test.tsx",
+    "**/*.spec.js",
+    "**/*.test.js",
+    "**/*.spec.jsx",
+    "**/*.test.jsx"
+  ],
+  "include": [
+    "src/**/*.js",
+    "src/**/*.jsx",
+    "src/**/*.ts",
+    "src/**/*.tsx"
+  ]
+}

package/vite.config.ts

@@ -0,0 +1,70 @@
+/// <reference types='vitest' />
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import dts from 'vite-plugin-dts';
+import * as path from 'path';
+import { globSync } from 'glob';
+import { viteStaticCopy } from 'vite-plugin-static-copy';
+
+export default defineConfig(() => ({
+  root: __dirname,
+  cacheDir: '../../node_modules/.vite/packages/tokens',
+  plugins: [
+    react(),
+    viteStaticCopy({
+      targets: [
+        {
+          src: path.join(__dirname, 'package.json'),
+          dest: path.join(__dirname, 'dist'),
+        },
+        {
+          src: path.join(__dirname, 'README.md'),
+          dest: path.join(__dirname, 'dist'),
+        },
+        {
+          src: path.join(__dirname, 'LICENSE'),
+          dest: path.join(__dirname, 'dist'),
+        }
+      ]
+    }),
+    dts({
+      entryRoot: 'src',
+      tsconfigPath: path.join(__dirname, 'tsconfig.lib.json')
+    })
+  ],
+  build: {
+    outDir: './dist',
+    emptyOutDir: true,
+    reportCompressedSize: true,
+    commonjsOptions: {
+      transformMixedEsModules: true,
+    },
+    sourcemap: false,
+    target: 'es2022',
+    lib: {
+      name: '@oneplatformdev/tokens',
+      formats: [ 'es' as const ],
+      entry: {
+        index: path.resolve(__dirname, 'src/index.ts'),
+        ...Object.fromEntries(
+          globSync('src/**/*.{ts,tsx}').map((filename) => {
+            return [
+              path.relative(
+                'src',
+                filename.slice(0, filename.length - path.extname(filename).length)
+              ),
+              path.resolve(__dirname, filename),
+            ]
+          })
+        )
+      }
+    },
+    rollupOptions: {
+      external: [ 'react', 'react-dom', 'react/jsx-runtime', "clsx", "tailwind-merge" ],
+      output: {
+        preserveModules: true,
+        preserveModulesRoot: 'src'
+      },
+    }
+  },
+}));