@wavemaker/foundation-css 11.10.5-next.27872 → 11.10.5-rc.207

package/package-lock.json

@@ -1,20 +1,26 @@
 {
     "name": "@wavemaker/foundation-css",
-    "version": "11.10.5-next.27872",
+    "version": "11.10.5-rc.207",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "@wavemaker/foundation-css",
-            "version": "11.10.5-next.27872",
+            "version": "11.10.5-rc.207",
             "license": "ISC",
+            "dependencies": {
+                "chroma-js": "^3.1.2"
+            },
             "devDependencies": {
+                "@types/chroma-js": "^3.1.1",
                 "execa": "^5.0.0",
                 "fs-extra": "^11.2.0",
                 "less": "^4.2.0",
                 "less-plugin-clean-css": "^1.6.0",
                 "style-dictionary": "^4.1.0",
                 "tar": "^7.4.3",
+                "ts-node": "^10.9.2",
+                "typescript": "^5.7.3",
                 "yargs": "^17.7.2"
             }
         },
@@ -45,20 +51,32 @@
             }
         },
         "node_modules/@bundled-es-modules/memfs": {
-            "version": "4.9.4",
-            "integrity": "sha512-1XyYPUaIHwEOdF19wYVLBtHJRr42Do+3ctht17cZOHwHf67vkmRNPlYDGY2kJps4RgE5+c7nEZmEzxxvb1NZWA==",
+            "version": "4.17.0",
+            "integrity": "sha512-ykdrkEmQr9BV804yd37ikXfNnvxrwYfY9Z2/EtMHFEFadEjsQXJ1zL9bVZrKNLDtm91UdUOEHso6Aweg93K6xQ==",
             "dev": true,
             "license": "Apache-2.0",
             "dependencies": {
-                "assert": "^2.0.0",
+                "assert": "^2.1.0",
                 "buffer": "^6.0.3",
                 "events": "^3.3.0",
-                "memfs": "^4.9.3",
+                "memfs": "^4.17.0",
                 "path": "^0.12.7",
                 "stream": "^0.0.3",
                 "util": "^0.12.5"
             }
         },
+        "node_modules/@cspotcode/source-map-support": {
+            "version": "0.8.1",
+            "integrity": "sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@jridgewell/trace-mapping": "0.3.9"
+            },
+            "engines": {
+                "node": ">=12"
+            }
+        },
         "node_modules/@isaacs/cliui": {
             "version": "8.0.2",
             "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
@@ -88,6 +106,31 @@
                 "node": ">=18.0.0"
             }
         },
+        "node_modules/@jridgewell/resolve-uri": {
+            "version": "3.1.2",
+            "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=6.0.0"
+            }
+        },
+        "node_modules/@jridgewell/sourcemap-codec": {
+            "version": "1.5.0",
+            "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/@jridgewell/trace-mapping": {
+            "version": "0.3.9",
+            "integrity": "sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@jridgewell/resolve-uri": "^3.0.3",
+                "@jridgewell/sourcemap-codec": "^1.4.10"
+            }
+        },
         "node_modules/@jsonjoy.com/base64": {
             "version": "1.1.2",
             "integrity": "sha512-q6XAnWQDIMA3+FTiOYajoYqySkO+JSat0ytXGSuRdq9uXE7o92gzuQwQM14xaCRlBLGq3v5miDGC4vkVTn54xA==",
@@ -152,6 +195,46 @@
                 "node": ">=14"
             }
         },
+        "node_modules/@tsconfig/node10": {
+            "version": "1.0.11",
+            "integrity": "sha512-DcRjDCujK/kCk/cUe8Xz8ZSpm8mS3mNNpta+jGCA6USEDfktlNvm1+IuZ9eTcDbNk41BHwpHHeW+N1lKCz4zOw==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/@tsconfig/node12": {
+            "version": "1.0.11",
+            "integrity": "sha512-cqefuRsh12pWyGsIoBKJA9luFu3mRxCA+ORZvA4ktLSzIuCUtWVxGIuXigEwO5/ywWFMZ2QEGKWvkZG1zDMTag==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/@tsconfig/node14": {
+            "version": "1.0.3",
+            "integrity": "sha512-ysT8mhdixWK6Hw3i1V2AeRqZ5WfXg1G43mqoYlM2nc6388Fq5jcXyr5mRsqViLx/GJYdoL0bfXD8nmF+Zn/Iow==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/@tsconfig/node16": {
+            "version": "1.0.4",
+            "integrity": "sha512-vxhUy4J8lyeyinH7Azl1pdd43GJhZH/tP2weN8TntQblOY+A0XbT8DJk1/oCPuOOyg/Ja757rG0CgHcWC8OfMA==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/@types/chroma-js": {
+            "version": "3.1.1",
+            "integrity": "sha512-SFCr4edNkZ1bGaLzGz7rgR1bRzVX4MmMxwsIa3/Bh6ose8v+hRpneoizHv0KChdjxaXyjRtaMq7sCuZSzPomQA==",
+            "dev": true,
+            "license": "MIT"
+        },
+        "node_modules/@types/node": {
+            "version": "22.13.14",
+            "integrity": "sha512-Zs/Ollc1SJ8nKUAgc7ivOEdIBM8JAKgrqqUYi2J997JuKO7/tpQC+WCetQ1sypiKCQWHdvdg9wBNpUPEWZae7w==",
+            "dev": true,
+            "license": "MIT",
+            "peer": true,
+            "dependencies": {
+                "undici-types": "~6.20.0"
+            }
+        },
         "node_modules/@yarnpkg/lockfile": {
             "version": "1.1.0",
             "integrity": "sha512-GpSwvyXOcOOlV70vbnzjj4fW5xW/FdUF6nQEt1ENy7m4ZCczi1+/buVUPAqmGfqznsORNFzUMjctTIp8a9tuCQ==",
@@ -159,8 +242,8 @@
             "license": "BSD-2-Clause"
         },
         "node_modules/@zip.js/zip.js": {
-            "version": "2.7.57",
-            "integrity": "sha512-BtonQ1/jDnGiMed6OkV6rZYW78gLmLswkHOzyMrMb+CAR7CZO8phOHO6c2qw6qb1g1betN7kwEHhhZk30dv+NA==",
+            "version": "2.7.58",
+            "integrity": "sha512-tU130QPuBtCPpJ/4a7YUfrOmZFnfxSsAH15gr+Kbl0ypwREu3YkGVswFNFHBHlP/FqFjvp9D27/fmd4LWYa1UQ==",
             "dev": true,
             "license": "BSD-3-Clause",
             "engines": {
@@ -169,6 +252,30 @@
                 "node": ">=16.5.0"
             }
         },
+        "node_modules/acorn": {
+            "version": "8.14.1",
+            "integrity": "sha512-OvQ/2pUDKmgfCg++xsTX1wGxfTaszcHVcTctW4UJB4hibJx2HXxxO5UmVgyjMa+ZDsiaf5wWLXYpRWMmBI0QHg==",
+            "dev": true,
+            "license": "MIT",
+            "bin": {
+                "acorn": "bin/acorn"
+            },
+            "engines": {
+                "node": ">=0.4.0"
+            }
+        },
+        "node_modules/acorn-walk": {
+            "version": "8.3.4",
+            "integrity": "sha512-ueEepnujpqee2o5aIYnvHU6C0A42MNdsIDeqy5BydrkuC5R1ZuUFnm27EeFJGoEHJQgn3uleRvmTXaJgfXbt4g==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "acorn": "^8.11.0"
+            },
+            "engines": {
+                "node": ">=0.4.0"
+            }
+        },
         "node_modules/ansi-regex": {
             "version": "6.1.0",
             "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
@@ -193,6 +300,12 @@
                 "url": "https://github.com/chalk/ansi-styles?sponsor=1"
             }
         },
+        "node_modules/arg": {
+            "version": "4.1.3",
+            "integrity": "sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==",
+            "dev": true,
+            "license": "MIT"
+        },
         "node_modules/assert": {
             "version": "2.1.0",
             "integrity": "sha512-eLHpSK/Y4nhMJ07gDaAzoX/XAKS8PSaojml3M0DM4JpV1LAi5JOJ/p6H/XWrl8L+DzVEvVCW1z3vWAaB9oTsQw==",
@@ -375,6 +488,11 @@
                 "node": ">=18"
             }
         },
+        "node_modules/chroma-js": {
+            "version": "3.1.2",
+            "integrity": "sha512-IJnETTalXbsLx1eKEgx19d5L6SRM7cH4vINw/99p/M11HCuXGRWL+6YmCm7FWFGIo6dtWuQoQi1dc5yQ7ESIHg==",
+            "license": "(BSD-3-Clause AND Apache-2.0)"
+        },
         "node_modules/ci-info": {
             "version": "3.9.0",
             "integrity": "sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==",
@@ -546,6 +664,12 @@
                 "url": "https://github.com/sponsors/mesqueeb"
             }
         },
+        "node_modules/create-require": {
+            "version": "1.1.1",
+            "integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==",
+            "dev": true,
+            "license": "MIT"
+        },
         "node_modules/cross-spawn": {
             "version": "7.0.6",
             "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
@@ -603,6 +727,15 @@
                 "url": "https://github.com/sponsors/ljharb"
             }
         },
+        "node_modules/diff": {
+            "version": "4.0.2",
+            "integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==",
+            "dev": true,
+            "license": "BSD-3-Clause",
+            "engines": {
+                "node": ">=0.3.1"
+            }
+        },
         "node_modules/dunder-proto": {
             "version": "1.0.1",
             "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
@@ -1359,6 +1492,12 @@
                 "node": ">=6"
             }
         },
+        "node_modules/make-error": {
+            "version": "1.3.6",
+            "integrity": "sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==",
+            "dev": true,
+            "license": "ISC"
+        },
         "node_modules/math-intrinsics": {
             "version": "1.1.0",
             "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
@@ -2388,12 +2527,75 @@
                 "tslib": "2"
             }
         },
+        "node_modules/ts-node": {
+            "version": "10.9.2",
+            "integrity": "sha512-f0FFpIdcHgn8zcPSbf1dRevwt047YMnaiJM3u2w2RewrB+fob/zePZcrOyQoLMMO7aBIddLcQIEK5dYjkLnGrQ==",
+            "dev": true,
+            "license": "MIT",
+            "dependencies": {
+                "@cspotcode/source-map-support": "^0.8.0",
+                "@tsconfig/node10": "^1.0.7",
+                "@tsconfig/node12": "^1.0.7",
+                "@tsconfig/node14": "^1.0.0",
+                "@tsconfig/node16": "^1.0.2",
+                "acorn": "^8.4.1",
+                "acorn-walk": "^8.1.1",
+                "arg": "^4.1.0",
+                "create-require": "^1.1.0",
+                "diff": "^4.0.1",
+                "make-error": "^1.1.1",
+                "v8-compile-cache-lib": "^3.0.1",
+                "yn": "3.1.1"
+            },
+            "bin": {
+                "ts-node": "dist/bin.js",
+                "ts-node-cwd": "dist/bin-cwd.js",
+                "ts-node-esm": "dist/bin-esm.js",
+                "ts-node-script": "dist/bin-script.js",
+                "ts-node-transpile-only": "dist/bin-transpile.js",
+                "ts-script": "dist/bin-script-deprecated.js"
+            },
+            "peerDependencies": {
+                "@swc/core": ">=1.2.50",
+                "@swc/wasm": ">=1.2.50",
+                "@types/node": "*",
+                "typescript": ">=2.7"
+            },
+            "peerDependenciesMeta": {
+                "@swc/core": {
+                    "optional": true
+                },
+                "@swc/wasm": {
+                    "optional": true
+                }
+            }
+        },
         "node_modules/tslib": {
             "version": "2.8.1",
             "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
             "dev": true,
             "license": "0BSD"
         },
+        "node_modules/typescript": {
+            "version": "5.8.2",
+            "integrity": "sha512-aJn6wq13/afZp/jT9QZmwEjDqqvSGp1VT5GVg+f/t6/oVyrgXM6BY1h9BRh/O5p3PlUPAe+WuiEZOmb/49RqoQ==",
+            "dev": true,
+            "license": "Apache-2.0",
+            "bin": {
+                "tsc": "bin/tsc",
+                "tsserver": "bin/tsserver"
+            },
+            "engines": {
+                "node": ">=14.17"
+            }
+        },
+        "node_modules/undici-types": {
+            "version": "6.20.0",
+            "integrity": "sha512-Ny6QZ2Nju20vw1SRHe3d9jVu6gJ+4e3+MMpqu7pqE5HT6WsTSlce++GQmK5UXS8mzV8DSYHrQH+Xrf2jVcuKNg==",
+            "dev": true,
+            "license": "MIT",
+            "peer": true
+        },
         "node_modules/universalify": {
             "version": "2.0.1",
             "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
@@ -2429,6 +2631,12 @@
                 "which-typed-array": "^1.1.2"
             }
         },
+        "node_modules/v8-compile-cache-lib": {
+            "version": "3.0.1",
+            "integrity": "sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg==",
+            "dev": true,
+            "license": "MIT"
+        },
         "node_modules/which": {
             "version": "2.0.2",
             "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
@@ -2659,6 +2867,15 @@
             "engines": {
                 "node": ">=8"
             }
+        },
+        "node_modules/yn": {
+            "version": "3.1.1",
+            "integrity": "sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==",
+            "dev": true,
+            "license": "MIT",
+            "engines": {
+                "node": ">=6"
+            }
         }
     }
 }

package/package.json

@@ -1,28 +1,35 @@
 {
   "name": "@wavemaker/foundation-css",
-  "version": "11.10.5-next.27872",
+  "version": "11.10.5-rc.207",
   "description": "Foundation of CSS used in WaveMaker with custom widgets.",
   "main": "foundation.css",
   "type": "module",
   "scripts": {
-    "build": "npm run build:style-dist && npm run compile-css && npm run minify-css && npm run copy-fonts && npm run copy-tokens && node ./scripts/build.js post-build",
+    "build": "npm run clean && tsc && npm run build:style-dist && npm run compile-css && npm run minify-css && npm run copy-fonts && npm run copy-tokens && node ./scripts/build.js post-build",
     "build:style-dist": "node scripts/style-dist-build.js",
     "compile-css": "lessc src/style.less dist/styles/foundation/foundation.css",
     "minify-css": "lessc src/style.less dist/styles/foundation/foundation.min.css --clean-css && lessc src/icon-fonts.less dist/styles/foundation/icon-fonts.min.css --clean-css",
     "copy-fonts": "mkdir -p dist/styles/foundation/fonts && cp -r src/fonts/* dist/styles/foundation/fonts/",
-    "copy-tokens": "mkdir -p dist/styles/tokens && cp -r tokens/* dist/styles/tokens/ && cp ./index.js ./index.d.ts dist/styles/"
+    "copy-tokens": "mkdir -p dist/styles/tokens && cp -r tokens/* dist/styles/tokens/",
+    "clean": "rm -rf dist"
   },
   "devDependencies": {
+    "@types/chroma-js": "^3.1.1",
     "execa": "^5.0.0",
     "fs-extra": "^11.2.0",
     "less": "^4.2.0",
     "less-plugin-clean-css": "^1.6.0",
     "style-dictionary": "^4.1.0",
     "tar": "^7.4.3",
+    "ts-node": "^10.9.2",
+    "typescript": "^5.7.3",
     "yargs": "^17.7.2"
   },
   "author": "",
   "license": "ISC",
+  "dependencies": {
+    "chroma-js": "^3.1.2"
+  },
   "style": "foundation.css",
   "exports": {
     ".": "./index"

package/tokens/components/accordion/accordion.json

@@ -0,0 +1,10 @@
+{
+  "accordion": {
+    "group": {
+      "gap": {
+        "value": "{space.2.value}",
+        "type": "space"
+      }
+    }
+  }
+}

package/tokens/components/anchor/anchor.json

@@ -0,0 +1,86 @@
+{
+    "anchor": {
+        "color": {
+            "@": {
+                "value": "{color.primary.@.value}",
+                "type": "color"
+            },
+            "hover": {
+                "value": "~\"color-mix(in srgb, {anchor.color.@.value}, {color.black.@.value} {opacity.hover.value})\"",
+                "type": "color"
+            },
+            "focus": {
+                "value": "~\"color-mix(in srgb, {anchor.color.@.value}, {color.black.@.value} {opacity.focus.value})\"",
+                "type": "color"
+            },
+            "active": {
+                "value": "~\"color-mix(in srgb, {anchor.color.@.value}, {color.black.@.value} {opacity.active.value})\"",
+                "type": "color"
+            }
+        },
+        "font-size": {
+            "value": "{body.medium.font-size.value}",
+            "type": "font"
+        },
+        "font-family": {
+            "value": "{body.medium.font-family.value}",
+            "type": "font"
+        },
+        "font-weight": {
+            "value": "{body.medium.font-weight.value}",
+            "type": "font"
+        },
+        "line-height": {
+            "value": "{body.medium.line-height.value}",
+            "type": "font"
+        },
+        "letter-spacing": {
+            "value": "{body.medium.letter-spacing.value}",
+            "type": "font"
+        },
+        "text-transform": {
+            "value": "none",
+            "type": "radius"
+        },
+        "text": {
+            "decoration": {
+                "@": {
+                    "value": "none",
+                    "type": "radius"
+                },
+                "hover": {
+                    "value": "none",
+                    "type": "radius"
+                },
+                "focus": {
+                    "value": "none",
+                    "type": "radius"
+                },
+                "active": {
+                    "value": "none",
+                    "type": "radius"
+                }
+            }
+        },
+        "gap": {
+            "value": "{space.1.value}",
+            "type": "space"
+        },
+        "icon": {
+            "size": {
+                "value": "{icon.size.@.value}",
+                "type": "space"
+            }
+        },
+        "image": {
+            "size": {
+                "value": "{icon.size.@.value}",
+                "type": "space"
+            },
+            "radius": {
+                "value": "{radius.circle.value}",
+                "type": "radius"
+            }
+        }
+    }
+}

package/tokens/components/badge/badge.json

@@ -0,0 +1,52 @@
+{
+    "badge": {
+        "background": {
+            "value": "{color.error.@.value}",
+            "type": "color"
+        },
+        "color": {
+            "value": "{color.on-error.@.value}",
+            "type": "color"
+        },
+        "min-height": {
+            "value": "20px",
+            "type": "space"
+        },
+        "inline": {
+            "padding": {
+                "value": "~\"calc({space.2.value} * 0.75)\"",
+                "type": "space"
+            }
+        },
+        "block": {
+            "padding": {
+                "value": "{space.1.value}",
+                "type": "space"
+            }
+        },
+        "radius": {
+            "value": "{radius.lg.value}",
+            "type": "radius"
+        },
+        "font-family": {
+            "value": "{body.small.font-family.value}",
+            "type": "font"
+        },
+        "font-size": {
+            "value": "{body.small.font-size.value}",
+            "type": "font"
+        },
+        "font-weight": {
+            "value": "{font.weight.bold.value}",
+            "type": "font"
+        },
+        "line-height": {
+            "value": "1",
+            "type": "font"
+        },
+        "letter-spacing": {
+            "value": "{body.small.letter-spacing.value}",
+            "type": "font"
+        }
+    }
+}

package/tokens/components/breadcrumb/breadcrumb.json

@@ -0,0 +1,98 @@
+{
+    "breadcrumb": {
+        "gap": {
+            "value": "{space.1.value}",
+            "type": "space"
+        },
+        "item": {
+            "gap": {
+                "@": {
+                    "value": "{space.1.value}",
+                    "type": "space"
+                }
+            },
+            "font-size": {
+                "value": "{body.large.font-size.value}",
+                "type": "font"
+            },
+            "font-family": {
+                "value": "{body.large.font-family.value}",
+                "type": "font"
+            },
+            "font-weight": {
+                "value": "{body.large.font-weight.value}",
+                "type": "font"
+            },
+            "line-height": {
+                "value": "{body.large.line-height.value}",
+                "type": "font"
+            },
+            "letter-spacing": {
+                "value": "{body.large.letter-spacing.value}",
+                "type": "font"
+            },
+            "text-transform": {
+                "value": "none",
+                "type": "radius"
+            },
+            "text": {
+                "decoration": {
+                    "@": {
+                        "value": "none",
+                        "type": "radius"
+                    },
+                    "hover": {
+                        "value": "underline",
+                        "type": "radius"
+                    },
+                    "focus": {
+                        "value": "underline",
+                        "type": "radius"
+                    },
+                    "active": {
+                        "value": "none",
+                        "type": "radius"
+                    }
+                }
+            },
+            "color": {
+                "@": {
+                    "value": "{color.primary.@.value}",
+                    "type": "color"
+                },
+                "hover": {
+                    "value": "~\"color-mix(in srgb, {breadcrumb.item.color.@.value}, {color.black.@.value} {opacity.hover.value})\"",
+                    "type": "color"
+                },
+                "focus": {
+                    "value": "~\"color-mix(in srgb, {breadcrumb.item.color.@.value}, {color.black.@.value} {opacity.focus.value})\"",
+                    "type": "color"
+                },
+                "active": {
+                    "value": "~\"color-mix(in srgb, {breadcrumb.item.color.@.value}, {color.black.@.value} {opacity.active.value})\"",
+                    "type": "color"
+                }
+            },
+            "icon": {
+                "color": {
+                    "value": "{color.on-background.@.value}",
+                    "type": "color"
+                },
+                "size": {
+                    "value": "{icon.size.sm.value}",
+                    "type": "space"
+                }
+            },
+            "separator": {
+                "color": {
+                    "value": "{color.outline.@.value}",
+                    "type": "color"
+                },
+                "size": {
+                    "value": "{icon.size.sm.value}",
+                    "type": "space"
+                }
+            }
+        }
+    }
+}