@k8slens/lds-tokens 0.58.0 → 0.59.0

package/lib/web/icons/action.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 16 Jan 2026 11:58:42 GMT
+ * Generated on Mon, 16 Feb 2026 10:03:35 GMT
  */
 
 

package/lib/web/icons/base.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 16 Jan 2026 11:58:42 GMT
+ * Generated on Mon, 16 Feb 2026 10:03:35 GMT
  */
 
 

package/lib/web/icons/commerce.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 16 Jan 2026 11:58:42 GMT
+ * Generated on Mon, 16 Feb 2026 10:03:35 GMT
  */
 
 

package/lib/web/icons/display.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 16 Jan 2026 11:58:42 GMT
+ * Generated on Mon, 16 Feb 2026 10:03:35 GMT
  */
 
 

package/lib/web/icons/idp.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 16 Jan 2026 11:58:42 GMT
+ * Generated on Mon, 16 Feb 2026 10:03:35 GMT
  */
 
 

package/lib/web/icons/misc.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 16 Jan 2026 11:58:42 GMT
+ * Generated on Mon, 16 Feb 2026 10:03:35 GMT
  */
 
 

package/lib/web/icons/navigation.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 16 Jan 2026 11:58:42 GMT
+ * Generated on Mon, 16 Feb 2026 10:03:35 GMT
  */
 
 

package/lib/web/icons/status.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 16 Jan 2026 11:58:42 GMT
+ * Generated on Mon, 16 Feb 2026 10:03:35 GMT
  */
 
 

package/lib/web/icons/user.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 16 Jan 2026 11:58:42 GMT
+ * Generated on Mon, 16 Feb 2026 10:03:35 GMT
  */
 
 

package/lib/web/images/index.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 16 Jan 2026 11:58:42 GMT
+ * Generated on Mon, 16 Feb 2026 10:03:35 GMT
  */
 
 

package/lib/web/tailwind.config.cjs

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 16 Jan 2026 11:58:42 GMT
+ * Generated on Mon, 16 Feb 2026 10:03:35 GMT
  */
 
 module.exports = {

package/lib/web/tailwind.config.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 16 Jan 2026 11:58:42 GMT
+ * Generated on Mon, 16 Feb 2026 10:03:35 GMT
  */
 
 const config = {

package/lib/web/tokens.base.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 16 Jan 2026 11:58:42 GMT
+ * Generated on Mon, 16 Feb 2026 10:03:35 GMT
  */
 
 :root {

package/lib/web/tokens.base.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 16 Jan 2026 11:58:42 GMT
+ * Generated on Mon, 16 Feb 2026 10:03:35 GMT
  */
 
 

package/lib/web/tokens.base.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 16 Jan 2026 11:58:42 GMT
+ * Generated on Mon, 16 Feb 2026 10:03:35 GMT
  */
 
 

package/lib/web/tokens.carousel.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 16 Jan 2026 11:58:42 GMT
+ * Generated on Mon, 16 Feb 2026 10:03:35 GMT
  */
 
 :root {

package/lib/web/tokens.colors.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 16 Jan 2026 11:58:42 GMT
+ * Generated on Mon, 16 Feb 2026 10:03:35 GMT
  */
 
 :root {

package/lib/web/tokens.colors.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 16 Jan 2026 11:58:42 GMT
+ * Generated on Mon, 16 Feb 2026 10:03:35 GMT
  */
 
 

package/lib/web/tokens.colors.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 16 Jan 2026 11:58:42 GMT
+ * Generated on Mon, 16 Feb 2026 10:03:35 GMT
  */
 
 

package/lib/web/tokens.core.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 16 Jan 2026 11:58:42 GMT
+ * Generated on Mon, 16 Feb 2026 10:03:35 GMT
  */
 
 :root {

package/lib/web/tokens.dark.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 16 Jan 2026 11:58:41 GMT
+ * Generated on Mon, 16 Feb 2026 10:03:34 GMT
  */
 
 :root {

package/lib/web/tokens.dark.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 16 Jan 2026 11:58:41 GMT
+ * Generated on Mon, 16 Feb 2026 10:03:34 GMT
  */
 
 

package/lib/web/tokens.dark.scoped.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 16 Jan 2026 11:58:41 GMT
+ * Generated on Mon, 16 Feb 2026 10:03:34 GMT
  */
 
 html.dark, body.dark {

package/lib/web/tokens.dark.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 16 Jan 2026 11:58:41 GMT
+ * Generated on Mon, 16 Feb 2026 10:03:34 GMT
  */
 
 

package/lib/web/tokens.form.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 16 Jan 2026 11:58:42 GMT
+ * Generated on Mon, 16 Feb 2026 10:03:35 GMT
  */
 
 :root {

package/lib/web/tokens.light.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 16 Jan 2026 11:58:42 GMT
+ * Generated on Mon, 16 Feb 2026 10:03:35 GMT
  */
 
 :root {

package/lib/web/tokens.light.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 16 Jan 2026 11:58:42 GMT
+ * Generated on Mon, 16 Feb 2026 10:03:35 GMT
  */
 
 

package/lib/web/tokens.light.scoped.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 16 Jan 2026 11:58:42 GMT
+ * Generated on Mon, 16 Feb 2026 10:03:35 GMT
  */
 
 html.light, body.light {

package/lib/web/tokens.light.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 16 Jan 2026 11:58:42 GMT
+ * Generated on Mon, 16 Feb 2026 10:03:35 GMT
  */
 
 

package/lib/web/tokens.tips.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly, this file was auto-generated.
- * Generated on Fri, 16 Jan 2026 11:58:42 GMT
+ * Generated on Mon, 16 Feb 2026 10:03:35 GMT
  */
 
 :root {

package/llms.txt

@@ -0,0 +1,178 @@
+# @k8slens/lds-tokens
+
+> Design tokens for the Lens Design System, providing a consistent foundation for colors, spacing, typography, and other visual properties across applications.
+
+This package publishes design tokens in multiple formats for web applications. It includes CSS custom properties, JavaScript/TypeScript exports, and Tailwind CSS configuration. The tokens support both light and dark themes.
+
+## Installation
+
+```bash
+npm install @k8slens/lds-tokens
+```
+
+## CSS Variables
+
+Import CSS files to use design tokens as CSS custom properties:
+
+- `lib/electron/font-face.css` - Font face definitions (required)
+- `lib/web/tokens.core.css` - Core token definitions (spacing, radius, shadows, typography)
+- `lib/web/tokens.base.css` - Base design tokens
+- `lib/web/tokens.colors.css` - Color palette definitions
+- `lib/web/tokens.dark.css` - Dark theme semantic color mappings
+- `lib/web/tokens.light.css` - Light theme semantic color mappings
+- `lib/web/tokens.dark.scoped.css` - Scoped dark theme (for theme switching)
+- `lib/web/tokens.light.scoped.css` - Scoped light theme (for theme switching)
+
+Example usage:
+
+```css
+@import '@k8slens/lds-tokens/lib/electron/font-face.css';
+@import '@k8slens/lds-tokens/lib/web/tokens.core.css';
+@import '@k8slens/lds-tokens/lib/web/tokens.dark.css';
+
+.my-component {
+  color: var(--alias-color-text-primary);
+  background: var(--alias-color-background-base);
+  padding: var(--spacing-4);
+  border-radius: var(--radius-default);
+}
+```
+
+## JavaScript/TypeScript Exports
+
+Import tokens as JavaScript constants:
+
+- `lib/web/tokens.dark.js` / `lib/web/tokens.dark.d.ts` - Dark theme token values
+- `lib/web/tokens.light.js` / `lib/web/tokens.light.d.ts` - Light theme token values
+- `lib/web/tokens.base.js` / `lib/web/tokens.base.d.ts` - Base token values
+- `lib/web/tokens.colors.js` / `lib/web/tokens.colors.d.ts` - Color values
+
+Example usage:
+
+```typescript
+import { AliasColorTextPrimary, AliasColorBackgroundBase } from '@k8slens/lds-tokens/lib/web/tokens.dark';
+```
+
+## Tailwind CSS Integration
+
+Extend your Tailwind configuration with design system tokens:
+
+- `lib/web/tailwind.config.js` - Full Tailwind config with token values
+- `lib/web/tailwind.config.cjs` - CommonJS version
+
+Example usage in `tailwind.config.js`:
+
+```javascript
+import ldsConfig from '@k8slens/lds-tokens/lib/web/tailwind.config.js';
+
+/** @type {import('tailwindcss').Config} */
+export default {
+  ...ldsConfig,
+  // your additional config
+  theme: {
+    ...ldsConfig.theme,
+    // your additional theme config
+    extend: {
+      ...config.theme.extend,
+      // your additional theme extension config
+    },
+  },
+};
+```
+
+## Icons
+
+SVG icons organized by category. Two formats available:
+
+**As React components** (recommended for bundlers with SVG support):
+
+```tsx
+import { CopyPaste, Delete, Edit } from '@k8slens/lds-tokens/lib/web/icons/action.js';
+import { Logo } from '@k8slens/lds-tokens/lib/web/icons/base.js';
+import { Success, Warning } from '@k8slens/lds-tokens/lib/web/icons/status.js';
+
+<Delete className="icon" />
+```
+
+Categories: `action`, `base`, `commerce`, `display`, `idp`, `misc`, `navigation`, `status`, `user`
+
+> Prefer `@k8slens/lds-icons` for React projects - provides themed components with "Icon" suffix naming.
+
+**As inline base64 data** (for dynamic loading without bundler):
+
+```typescript
+import actionIcons from '@k8slens/lds-tokens/lib/web/icons-inline/action.dark.json';
+
+// Keys are kebab-case: "asset-icon-action-copy-paste"
+const svgData = actionIcons['asset-icon-action-delete'];
+const imgSrc = `data:image/svg+xml;base64,${svgData}`;
+```
+
+Theme variants: `{category}.dark.json`, `{category}.light.json`, `{category}.brand.json`
+
+## Images
+
+SVG image assets as React components:
+
+```tsx
+import { ThankYouHero } from '@k8slens/lds-tokens/lib/web/images/index.js';
+
+<ThankYouHero className="hero-image" />
+```
+
+## Favicons
+
+Pre-generated favicon sets with all required sizes and formats:
+
+- `lib/web/favicons/website/` - Standard website favicons
+- `lib/web/favicons/lenscloud/` - Lens Cloud application favicons
+
+**Usage:** Copy favicon files from `node_modules` to your public folder:
+
+```bash
+cp -r node_modules/@k8slens/lds-tokens/lib/web/favicons/website/favicons/* public/
+```
+
+Then add `<link>` tags to your HTML head using one of these options:
+
+1. **Copy from HTML snippet** (`index.html` contains all required tags):
+   ```bash
+   cat node_modules/@k8slens/lds-tokens/lib/web/favicons/website/index.html
+   ```
+
+2. **React component** (ensure paths match your public folder structure):
+   ```tsx
+   import FaviconImports from '@k8slens/lds-tokens/lib/web/favicons/website/index.js';
+   <FaviconImports />
+   ```
+
+**Next.js:** Favicon naming follows Next.js App Router conventions. Copy `favicon.ico` and `apple-icon*.png` directly to your `app/` directory - Next.js will serve them automatically without additional configuration.
+
+## Token Categories
+
+### Colors
+- Brand colors (`--alias-color-brand-*`)
+- Text colors (`--alias-color-text-*`)
+- Background colors (`--alias-color-background-*`)
+- Border colors (`--alias-color-border-*`)
+- Semantic colors (`--alias-color-danger`, `--alias-color-caution`, `--alias-color-ok`, `--alias-color-info`)
+
+### Spacing
+- Scale: 0.25, 0.5, 0.75, 1-96
+- Usage: `var(--spacing-4)` or Tailwind `spacing-4`
+
+### Border Radius
+- Sizes: xs, sm, default, md, lg, xl, 2xl, 3xl
+- Usage: `var(--radius-default)` or Tailwind `rounded-DEFAULT`
+
+### Shadows
+- Sizes: xs, default, md, lg, xl, 2xl, inner, dropdown
+- Usage: `var(--shadow-default)` or Tailwind `shadow-default`
+
+## Documentation
+
+- [Lens Design System](https://lens-design-system.k8slens.dev/)
+
+## Optional
+
+- [npm Package](https://www.npmjs.com/package/@k8slens/lds-tokens)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@k8slens/lds-tokens",
-  "version": "0.58.0",
+  "version": "0.59.0",
   "description": "Lens Design System – Design Tokens",
   "author": "Mirantis Inc",
   "license": "MIT",
@@ -12,7 +12,8 @@
   "sideEffects": false,
   "module": "lib/web/tokens.dark",
   "files": [
-    "lib/"
+    "lib/",
+    "llms.txt"
   ],
   "scripts": {
     "start": "concurrently --kill-others \"npx tsx src/index.ts\" \"nodemon --watch build --watch tokens --watch assets --watch '../**/src/**/tokens.json' --exec 'npm run build'\"",
@@ -21,8 +22,9 @@
     "clean:src": "rimraf build",
     "clean:lib": "rimraf lib",
     "test": "npx jest",
-    "lint": "eslint .",
-    "format": "eslint --fix ."
+    "test:coverage": "npx jest --coverage",
+    "lint": "oxlint .",
+    "format": "oxlint --fix . && prettier --write ."
   },
   "devDependencies": {
     "@capsizecss/core": "3.1.0",
@@ -41,5 +43,5 @@
     "ts-node": "10.9.2",
     "typescript": "5.0.4"
   },
-  "gitHead": "dc375594fe63bf08745b6cfa09c4dc8437a4dc03"
+  "gitHead": "e41693e45edd36a94e34ab286d4ededba24f5daf"
 }