From 1b98b04d05845ab18d2bd80ca23f7a2f359bf14c Mon Sep 17 00:00:00 2001 From: didimmova Date: Wed, 25 Jun 2025 20:49:10 +0300 Subject: [PATCH 1/5] sample(tailwind): add tailwind sample and integration --- .postcssrc.json | 5 + package-lock.json | 632 +++++++++++++++++- package.json | 4 + .../tailwind/tailwind-sample.component.html | 55 ++ .../tailwind/tailwind-sample.component.scss | 12 + .../tailwind/tailwind-sample.component.ts | 21 + src/app/theming/theming.routes.ts | 6 + src/styles.scss | 3 +- 8 files changed, 711 insertions(+), 27 deletions(-) create mode 100644 .postcssrc.json create mode 100644 src/app/theming/tailwind/tailwind-sample.component.html create mode 100644 src/app/theming/tailwind/tailwind-sample.component.scss create mode 100644 src/app/theming/tailwind/tailwind-sample.component.ts diff --git a/.postcssrc.json b/.postcssrc.json new file mode 100644 index 000000000..e092dc7c1 --- /dev/null +++ b/.postcssrc.json @@ -0,0 +1,5 @@ +{ + "plugins": { + "@tailwindcss/postcss": {} + } +} diff --git a/package-lock.json b/package-lock.json index b4b429c7e..30b029807 100644 --- a/package-lock.json +++ b/package-lock.json @@ -27,6 +27,7 @@ "@microsoft/signalr": "^8.0.7", "@ng-bootstrap/ng-bootstrap": "^19.0.0-rc.0", "@popperjs/core": "2.11.8", + "@tailwindcss/postcss": "^4.1.10", "@types/file-saver": "^2.0.2", "@types/hammerjs": "^2.0.39", "angular-in-memory-web-api": "^0.20.0", @@ -41,10 +42,13 @@ "igniteui-angular-i18n": "^20.0.2", "igniteui-dockmanager": "^1.16.0", "igniteui-live-editing": "^3.0.3", + "igniteui-theming": "file:../igniteui-theming/igniteui-theming-1.0.0.tgz", "igniteui-webcomponents": "^6.0.1", "minireset.css": "0.0.6", + "postcss": "^8.5.5", "rxjs": "^7.8.2", "sql-formatter": "^15.4.11", + "tailwindcss": "^4.1.10", "tslib": "^2.6.1", "zone.js": "~0.15.0" }, @@ -83,6 +87,18 @@ "webpack-bundle-analyzer": "^4.10.0" } }, + "node_modules/@alloc/quick-lru": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz", + "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==", + "license": "MIT", + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/@ampproject/remapping": { "version": "2.3.0", "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.3.0.tgz", @@ -2844,7 +2860,6 @@ "version": "4.0.1", "resolved": "https://registry.npmjs.org/@isaacs/fs-minipass/-/fs-minipass-4.0.1.tgz", "integrity": "sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==", - "dev": true, "license": "ISC", "dependencies": { "minipass": "^7.0.4" @@ -4624,6 +4639,317 @@ "dev": true, "license": "MIT" }, + "node_modules/@tailwindcss/node": { + "version": "4.1.10", + "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.1.10.tgz", + "integrity": "sha512-2ACf1znY5fpRBwRhMgj9ZXvb2XZW8qs+oTfotJ2C5xR0/WNL7UHZ7zXl6s+rUqedL1mNi+0O+WQr5awGowS3PQ==", + "license": "MIT", + "dependencies": { + "@ampproject/remapping": "^2.3.0", + "enhanced-resolve": "^5.18.1", + "jiti": "^2.4.2", + "lightningcss": "1.30.1", + "magic-string": "^0.30.17", + "source-map-js": "^1.2.1", + "tailwindcss": "4.1.10" + } + }, + "node_modules/@tailwindcss/oxide": { + "version": "4.1.10", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.1.10.tgz", + "integrity": "sha512-v0C43s7Pjw+B9w21htrQwuFObSkio2aV/qPx/mhrRldbqxbWJK6KizM+q7BF1/1CmuLqZqX3CeYF7s7P9fbA8Q==", + "hasInstallScript": true, + "license": "MIT", + "dependencies": { + "detect-libc": "^2.0.4", + "tar": "^7.4.3" + }, + "engines": { + "node": ">= 10" + }, + "optionalDependencies": { + "@tailwindcss/oxide-android-arm64": "4.1.10", + "@tailwindcss/oxide-darwin-arm64": "4.1.10", + "@tailwindcss/oxide-darwin-x64": "4.1.10", + "@tailwindcss/oxide-freebsd-x64": "4.1.10", + "@tailwindcss/oxide-linux-arm-gnueabihf": "4.1.10", + "@tailwindcss/oxide-linux-arm64-gnu": "4.1.10", + "@tailwindcss/oxide-linux-arm64-musl": "4.1.10", + "@tailwindcss/oxide-linux-x64-gnu": "4.1.10", + "@tailwindcss/oxide-linux-x64-musl": "4.1.10", + "@tailwindcss/oxide-wasm32-wasi": "4.1.10", + "@tailwindcss/oxide-win32-arm64-msvc": "4.1.10", + "@tailwindcss/oxide-win32-x64-msvc": "4.1.10" + } + }, + "node_modules/@tailwindcss/oxide-android-arm64": { + "version": "4.1.10", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.1.10.tgz", + "integrity": "sha512-VGLazCoRQ7rtsCzThaI1UyDu/XRYVyH4/EWiaSX6tFglE+xZB5cvtC5Omt0OQ+FfiIVP98su16jDVHDEIuH4iQ==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "android" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/oxide-darwin-arm64": { + "version": "4.1.10", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.1.10.tgz", + "integrity": "sha512-ZIFqvR1irX2yNjWJzKCqTCcHZbgkSkSkZKbRM3BPzhDL/18idA8uWCoopYA2CSDdSGFlDAxYdU2yBHwAwx8euQ==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/oxide-darwin-x64": { + "version": "4.1.10", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.1.10.tgz", + "integrity": "sha512-eCA4zbIhWUFDXoamNztmS0MjXHSEJYlvATzWnRiTqJkcUteSjO94PoRHJy1Xbwp9bptjeIxxBHh+zBWFhttbrQ==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/oxide-freebsd-x64": { + "version": "4.1.10", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.1.10.tgz", + "integrity": "sha512-8/392Xu12R0cc93DpiJvNpJ4wYVSiciUlkiOHOSOQNH3adq9Gi/dtySK7dVQjXIOzlpSHjeCL89RUUI8/GTI6g==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": { + "version": "4.1.10", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.1.10.tgz", + "integrity": "sha512-t9rhmLT6EqeuPT+MXhWhlRYIMSfh5LZ6kBrC4FS6/+M1yXwfCtp24UumgCWOAJVyjQwG+lYva6wWZxrfvB+NhQ==", + "cpu": [ + "arm" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/oxide-linux-arm64-gnu": { + "version": "4.1.10", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.1.10.tgz", + "integrity": "sha512-3oWrlNlxLRxXejQ8zImzrVLuZ/9Z2SeKoLhtCu0hpo38hTO2iL86eFOu4sVR8cZc6n3z7eRXXqtHJECa6mFOvA==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/oxide-linux-arm64-musl": { + "version": "4.1.10", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.1.10.tgz", + "integrity": "sha512-saScU0cmWvg/Ez4gUmQWr9pvY9Kssxt+Xenfx1LG7LmqjcrvBnw4r9VjkFcqmbBb7GCBwYNcZi9X3/oMda9sqQ==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/oxide-linux-x64-gnu": { + "version": "4.1.10", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.1.10.tgz", + "integrity": "sha512-/G3ao/ybV9YEEgAXeEg28dyH6gs1QG8tvdN9c2MNZdUXYBaIY/Gx0N6RlJzfLy/7Nkdok4kaxKPHKJUlAaoTdA==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/oxide-linux-x64-musl": { + "version": "4.1.10", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.1.10.tgz", + "integrity": "sha512-LNr7X8fTiKGRtQGOerSayc2pWJp/9ptRYAa4G+U+cjw9kJZvkopav1AQc5HHD+U364f71tZv6XamaHKgrIoVzA==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/oxide-wasm32-wasi": { + "version": "4.1.10", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.1.10.tgz", + "integrity": "sha512-d6ekQpopFQJAcIK2i7ZzWOYGZ+A6NzzvQ3ozBvWFdeyqfOZdYHU66g5yr+/HC4ipP1ZgWsqa80+ISNILk+ae/Q==", + "bundleDependencies": [ + "@napi-rs/wasm-runtime", + "@emnapi/core", + "@emnapi/runtime", + "@tybys/wasm-util", + "@emnapi/wasi-threads", + "tslib" + ], + "cpu": [ + "wasm32" + ], + "license": "MIT", + "optional": true, + "dependencies": { + "@emnapi/core": "^1.4.3", + "@emnapi/runtime": "^1.4.3", + "@emnapi/wasi-threads": "^1.0.2", + "@napi-rs/wasm-runtime": "^0.2.10", + "@tybys/wasm-util": "^0.9.0", + "tslib": "^2.8.0" + }, + "engines": { + "node": ">=14.0.0" + } + }, + "node_modules/@tailwindcss/oxide-win32-arm64-msvc": { + "version": "4.1.10", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.1.10.tgz", + "integrity": "sha512-i1Iwg9gRbwNVOCYmnigWCCgow8nDWSFmeTUU5nbNx3rqbe4p0kRbEqLwLJbYZKmSSp23g4N6rCDmm7OuPBXhDA==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/oxide-win32-x64-msvc": { + "version": "4.1.10", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.1.10.tgz", + "integrity": "sha512-sGiJTjcBSfGq2DVRtaSljq5ZgZS2SDHSIfhOylkBvHVjwOsodBhnb3HdmiKkVuUGKD0I7G63abMOVaskj1KpOA==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 10" + } + }, + "node_modules/@tailwindcss/oxide/node_modules/chownr": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/chownr/-/chownr-3.0.0.tgz", + "integrity": "sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==", + "license": "BlueOak-1.0.0", + "engines": { + "node": ">=18" + } + }, + "node_modules/@tailwindcss/oxide/node_modules/mkdirp": { + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-3.0.1.tgz", + "integrity": "sha512-+NsyUUAZDmo6YVHzL/stxSu3t9YS1iljliy3BSDrXJ/dkn1KYdmtZODGGjLcc9XLgVVpH4KshHB8XmZgMhaBXg==", + "license": "MIT", + "bin": { + "mkdirp": "dist/cjs/src/bin.js" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/@tailwindcss/oxide/node_modules/tar": { + "version": "7.4.3", + "resolved": "https://registry.npmjs.org/tar/-/tar-7.4.3.tgz", + "integrity": "sha512-5S7Va8hKfV7W5U6g3aYxXmlPoZVAwUMy9AOKyF2fVuZa2UD3qZjg578OrLRt8PcNN1PleVaL/5/yYATNL0ICUw==", + "license": "ISC", + "dependencies": { + "@isaacs/fs-minipass": "^4.0.0", + "chownr": "^3.0.0", + "minipass": "^7.1.2", + "minizlib": "^3.0.1", + "mkdirp": "^3.0.1", + "yallist": "^5.0.0" + }, + "engines": { + "node": ">=18" + } + }, + "node_modules/@tailwindcss/oxide/node_modules/yallist": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/yallist/-/yallist-5.0.0.tgz", + "integrity": "sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==", + "license": "BlueOak-1.0.0", + "engines": { + "node": ">=18" + } + }, + "node_modules/@tailwindcss/postcss": { + "version": "4.1.10", + "resolved": "https://registry.npmjs.org/@tailwindcss/postcss/-/postcss-4.1.10.tgz", + "integrity": "sha512-B+7r7ABZbkXJwpvt2VMnS6ujcDoR2OOcFaqrLIo1xbcdxje4Vf+VgJdBzNNbrAjBj/rLZ66/tlQ1knIGNLKOBQ==", + "license": "MIT", + "dependencies": { + "@alloc/quick-lru": "^5.2.0", + "@tailwindcss/node": "4.1.10", + "@tailwindcss/oxide": "4.1.10", + "postcss": "^8.4.41", + "tailwindcss": "4.1.10" + } + }, "node_modules/@tsconfig/node10": { "version": "1.0.11", "resolved": "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.11.tgz", @@ -7713,9 +8039,7 @@ "version": "2.0.4", "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.4.tgz", "integrity": "sha512-3UDv+G9CsCKO1WKMGw9fwq/SWJYbI0c5Y7LU1AXYoDdbhE2AHQ6N6Nb34sG8Fj7T5APy8qXDCKuuIHd1BR0tVA==", - "dev": true, "license": "Apache-2.0", - "optional": true, "engines": { "node": ">=8" } @@ -8048,6 +8372,19 @@ } } }, + "node_modules/enhanced-resolve": { + "version": "5.18.2", + "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.18.2.tgz", + "integrity": "sha512-6Jw4sE1maoRJo3q8MsSIn2onJFbLTOjY9hlx4DZXmOKvLRd1Ok2kXmAGXaafL2+ijsJZ1ClYbl/pmqr9+k4iUQ==", + "license": "MIT", + "dependencies": { + "graceful-fs": "^4.2.4", + "tapable": "^2.2.0" + }, + "engines": { + "node": ">=10.13.0" + } + }, "node_modules/ent": { "version": "2.2.2", "resolved": "https://registry.npmjs.org/ent/-/ent-2.2.2.tgz", @@ -10590,7 +10927,6 @@ "version": "4.2.11", "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz", "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==", - "dev": true, "license": "ISC" }, "node_modules/graphemer": { @@ -11249,6 +11585,15 @@ "integrity": "sha512-jZM6U3ReTpzSKO7qW32f2wSswfxWSYAySAbi4lqZE9Pmh4ALstPbBYNFEkZKxRD7mqxh/7PWJtCXkYqJSd48jg==", "license": "MIT" }, + "node_modules/igniteui-angular/node_modules/igniteui-theming": { + "version": "18.2.0", + "resolved": "https://registry.npmjs.org/igniteui-theming/-/igniteui-theming-18.2.0.tgz", + "integrity": "sha512-/vgwMGHOzQhn+dzBXK1iYoIji24uOCfzzEEa4sbVN/FHBXbheLU8tPj2GqBT6RGm3z9uE4Oxb2D5SxmIXFqFzg==", + "license": "MIT", + "peerDependencies": { + "sass": "^1.69.5" + } + }, "node_modules/igniteui-dockmanager": { "version": "1.16.1", "resolved": "https://registry.npmjs.org/igniteui-dockmanager/-/igniteui-dockmanager-1.16.1.tgz", @@ -11271,9 +11616,9 @@ "license": "MIT" }, "node_modules/igniteui-theming": { - "version": "18.1.0", - "resolved": "https://registry.npmjs.org/igniteui-theming/-/igniteui-theming-18.1.0.tgz", - "integrity": "sha512-E+ZItTFI5acEAWAdWz9pPCzyHCFSPSazgyVqmN5XnAtLuH/3qaOV5ho2CTLrHpWBSmj2cTciB8THImBp2Jj73Q==", + "version": "1.0.0", + "resolved": "file:../igniteui-theming/igniteui-theming-1.0.0.tgz", + "integrity": "sha512-SRfxErfyOdmoZWRNceUUDPc8CusSbOASkcLseYugvmvYRf5YgPKZWa60tdBwi66crkXN2lDw+fKKj2UoX23ZGA==", "license": "MIT", "peerDependencies": { "sass": "^1.69.5" @@ -12176,15 +12521,12 @@ "license": "MIT" }, "node_modules/jiti": { - "version": "1.21.7", - "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.7.tgz", - "integrity": "sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==", - "dev": true, + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.4.2.tgz", + "integrity": "sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A==", "license": "MIT", - "optional": true, - "peer": true, "bin": { - "jiti": "bin/jiti.js" + "jiti": "lib/jiti-cli.mjs" } }, "node_modules/js-tokens": { @@ -12882,6 +13224,234 @@ "node": ">=0.10.0" } }, + "node_modules/lightningcss": { + "version": "1.30.1", + "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.30.1.tgz", + "integrity": "sha512-xi6IyHML+c9+Q3W0S4fCQJOym42pyurFiJUHEcEyHS0CeKzia4yZDEsLlqOFykxOdHpNy0NmvVO31vcSqAxJCg==", + "license": "MPL-2.0", + "dependencies": { + "detect-libc": "^2.0.3" + }, + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + }, + "optionalDependencies": { + "lightningcss-darwin-arm64": "1.30.1", + "lightningcss-darwin-x64": "1.30.1", + "lightningcss-freebsd-x64": "1.30.1", + "lightningcss-linux-arm-gnueabihf": "1.30.1", + "lightningcss-linux-arm64-gnu": "1.30.1", + "lightningcss-linux-arm64-musl": "1.30.1", + "lightningcss-linux-x64-gnu": "1.30.1", + "lightningcss-linux-x64-musl": "1.30.1", + "lightningcss-win32-arm64-msvc": "1.30.1", + "lightningcss-win32-x64-msvc": "1.30.1" + } + }, + "node_modules/lightningcss-darwin-arm64": { + "version": "1.30.1", + "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.30.1.tgz", + "integrity": "sha512-c8JK7hyE65X1MHMN+Viq9n11RRC7hgin3HhYKhrMyaXflk5GVplZ60IxyoVtzILeKr+xAJwg6zK6sjTBJ0FKYQ==", + "cpu": [ + "arm64" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-darwin-x64": { + "version": "1.30.1", + "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.30.1.tgz", + "integrity": "sha512-k1EvjakfumAQoTfcXUcHQZhSpLlkAuEkdMBsI/ivWw9hL+7FtilQc0Cy3hrx0AAQrVtQAbMI7YjCgYgvn37PzA==", + "cpu": [ + "x64" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "darwin" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-freebsd-x64": { + "version": "1.30.1", + "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.30.1.tgz", + "integrity": "sha512-kmW6UGCGg2PcyUE59K5r0kWfKPAVy4SltVeut+umLCFoJ53RdCUWxcRDzO1eTaxf/7Q2H7LTquFHPL5R+Gjyig==", + "cpu": [ + "x64" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "freebsd" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-arm-gnueabihf": { + "version": "1.30.1", + "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.30.1.tgz", + "integrity": "sha512-MjxUShl1v8pit+6D/zSPq9S9dQ2NPFSQwGvxBCYaBYLPlCWuPh9/t1MRS8iUaR8i+a6w7aps+B4N0S1TYP/R+Q==", + "cpu": [ + "arm" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-arm64-gnu": { + "version": "1.30.1", + "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.30.1.tgz", + "integrity": "sha512-gB72maP8rmrKsnKYy8XUuXi/4OctJiuQjcuqWNlJQ6jZiWqtPvqFziskH3hnajfvKB27ynbVCucKSm2rkQp4Bw==", + "cpu": [ + "arm64" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-arm64-musl": { + "version": "1.30.1", + "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.30.1.tgz", + "integrity": "sha512-jmUQVx4331m6LIX+0wUhBbmMX7TCfjF5FoOH6SD1CttzuYlGNVpA7QnrmLxrsub43ClTINfGSYyHe2HWeLl5CQ==", + "cpu": [ + "arm64" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-x64-gnu": { + "version": "1.30.1", + "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.30.1.tgz", + "integrity": "sha512-piWx3z4wN8J8z3+O5kO74+yr6ze/dKmPnI7vLqfSqI8bccaTGY5xiSGVIJBDd5K5BHlvVLpUB3S2YCfelyJ1bw==", + "cpu": [ + "x64" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-linux-x64-musl": { + "version": "1.30.1", + "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.30.1.tgz", + "integrity": "sha512-rRomAK7eIkL+tHY0YPxbc5Dra2gXlI63HL+v1Pdi1a3sC+tJTcFrHX+E86sulgAXeI7rSzDYhPSeHHjqFhqfeQ==", + "cpu": [ + "x64" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "linux" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-win32-arm64-msvc": { + "version": "1.30.1", + "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.30.1.tgz", + "integrity": "sha512-mSL4rqPi4iXq5YVqzSsJgMVFENoa4nGTT/GjO2c0Yl9OuQfPsIfncvLrEW6RbbB24WtZ3xP/2CCmI3tNkNV4oA==", + "cpu": [ + "arm64" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, + "node_modules/lightningcss-win32-x64-msvc": { + "version": "1.30.1", + "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.30.1.tgz", + "integrity": "sha512-PVqXh48wh4T53F/1CCu8PIPCxLzWyCnn/9T5W1Jpmdy5h9Cwd+0YQS6/LwhHXSafuc61/xg9Lv5OrCby6a++jg==", + "cpu": [ + "x64" + ], + "license": "MPL-2.0", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": ">= 12.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/parcel" + } + }, "node_modules/listr2": { "version": "8.3.3", "resolved": "https://registry.npmjs.org/listr2/-/listr2-8.3.3.tgz", @@ -13417,7 +13987,6 @@ "version": "0.30.17", "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.17.tgz", "integrity": "sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==", - "dev": true, "license": "MIT", "dependencies": { "@jridgewell/sourcemap-codec": "^1.5.0" @@ -13897,7 +14466,6 @@ "version": "7.1.2", "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz", "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==", - "dev": true, "license": "ISC", "engines": { "node": ">=16 || 14 >=14.17" @@ -14043,7 +14611,6 @@ "version": "3.0.2", "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-3.0.2.tgz", "integrity": "sha512-oG62iEk+CYt5Xj2YqI5Xi9xWUeZhDI8jjQmC5oThVH5JGCTgIjr7ciJDzC7MBzYd//WvR1OTmP5Q38Q8ShQtVA==", - "dev": true, "license": "MIT", "dependencies": { "minipass": "^7.1.2" @@ -14164,10 +14731,9 @@ "optional": true }, "node_modules/nanoid": { - "version": "3.3.9", - "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.9.tgz", - "integrity": "sha512-SppoicMGpZvbF1l3z4x7No3OlIjP7QJvC9XR7AhZr1kL133KHnKPztkKDc+Ir4aJ/1VhTySrtKhrsycmrMQfvg==", - "dev": true, + "version": "3.3.11", + "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz", + "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==", "funding": [ { "type": "github", @@ -15526,10 +16092,9 @@ } }, "node_modules/postcss": { - "version": "8.5.3", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.3.tgz", - "integrity": "sha512-dle9A3yYxlBSrt8Fu+IpjGT8SY8hN0mlaA6GY8t0P5PjIOZemULz/E2Bnm/2dcUOena75OTNkHI76uZBNUUq3A==", - "dev": true, + "version": "8.5.6", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz", + "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==", "funding": [ { "type": "opencollective", @@ -15546,7 +16111,7 @@ ], "license": "MIT", "dependencies": { - "nanoid": "^3.3.8", + "nanoid": "^3.3.11", "picocolors": "^1.1.1", "source-map-js": "^1.2.1" }, @@ -17714,6 +18279,21 @@ "es6-symbol": "^3.1.1" } }, + "node_modules/tailwindcss": { + "version": "4.1.10", + "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.10.tgz", + "integrity": "sha512-P3nr6WkvKV/ONsTzj6Gb57sWPMX29EPNPopo7+FcpkQaNsrNpZ1pv8QmrYI2RqEKD7mlGqLnGovlcYnBK0IqUA==", + "license": "MIT" + }, + "node_modules/tapable": { + "version": "2.2.2", + "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.2.tgz", + "integrity": "sha512-Re10+NauLTMCudc7T5WLFLAwDhQ0JWdrMK+9B2M8zR5hRExKmsRDCBA7/aV/pNJFltmBFO5BAMlQFi/vq3nKOg==", + "license": "MIT", + "engines": { + "node": ">=6" + } + }, "node_modules/tar": { "version": "6.2.1", "resolved": "https://registry.npmjs.org/tar/-/tar-6.2.1.tgz", diff --git a/package.json b/package.json index 5053a08d9..1a454f888 100644 --- a/package.json +++ b/package.json @@ -64,6 +64,7 @@ "@microsoft/signalr": "^8.0.7", "@ng-bootstrap/ng-bootstrap": "^19.0.0-rc.0", "@popperjs/core": "2.11.8", + "@tailwindcss/postcss": "^4.1.10", "@types/file-saver": "^2.0.2", "@types/hammerjs": "^2.0.39", "angular-in-memory-web-api": "^0.20.0", @@ -78,10 +79,13 @@ "igniteui-angular-i18n": "^20.0.2", "igniteui-dockmanager": "^1.16.0", "igniteui-live-editing": "^3.0.3", + "igniteui-theming": "file:../igniteui-theming/igniteui-theming-1.0.0.tgz", "igniteui-webcomponents": "^6.0.1", "minireset.css": "0.0.6", + "postcss": "^8.5.5", "rxjs": "^7.8.2", "sql-formatter": "^15.4.11", + "tailwindcss": "^4.1.10", "tslib": "^2.6.1", "zone.js": "~0.15.0" }, diff --git a/src/app/theming/tailwind/tailwind-sample.component.html b/src/app/theming/tailwind/tailwind-sample.component.html new file mode 100644 index 000000000..937dbc4ed --- /dev/null +++ b/src/app/theming/tailwind/tailwind-sample.component.html @@ -0,0 +1,55 @@ +
+
+
Custom card with tailwind utility classes
+
+
+ +
+
{{ card.title }}
+
{{ card.subtitle }}
+
+
+ +
+

{{ card.content }}

+
+ +
+ @for (icon of card.icons; track icon) { + + } +
+
+
+ +
+
IG Angular Card
+ + +
{{card.title}}
+
{{card.subtitle}}
+ + + +
+ + +

{{card.content}}

+
+ + + + + @for (icon of card.icons; track icon) { + + } + +
+
+
diff --git a/src/app/theming/tailwind/tailwind-sample.component.scss b/src/app/theming/tailwind/tailwind-sample.component.scss new file mode 100644 index 000000000..70bef2840 --- /dev/null +++ b/src/app/theming/tailwind/tailwind-sample.component.scss @@ -0,0 +1,12 @@ +@use "igniteui-angular/theming" as *; + +.card-title { + @include type-style('h6'); +} +.card-subtitle { + @include type-style('subtitle-2'); +} + +.card-content p { + @include type-style('body-2'); +} diff --git a/src/app/theming/tailwind/tailwind-sample.component.ts b/src/app/theming/tailwind/tailwind-sample.component.ts new file mode 100644 index 000000000..c20ef353a --- /dev/null +++ b/src/app/theming/tailwind/tailwind-sample.component.ts @@ -0,0 +1,21 @@ +import { Component } from '@angular/core'; +import { Card } from '../../layouts/card/card.blueprint'; +import { IGX_CARD_DIRECTIVES, IgxDividerDirective, IgxIconButtonDirective, IgxRippleDirective, IgxIconComponent } from 'igniteui-angular'; + +@Component({ + standalone: true, + selector: 'app-tailwind-sample', + styleUrls: ['./tailwind-sample.component.scss'], + templateUrl: './tailwind-sample.component.html', + imports: [IGX_CARD_DIRECTIVES, IgxDividerDirective, IgxIconButtonDirective, IgxRippleDirective, IgxIconComponent] +}) + +export class TailwindSampleComponent { + public card = new Card({ + icons: ['skip_previous', 'play_arrow', 'skip_next'], + imageUrl: 'assets/images/card/media/ROZES-Under-the-Grave.jpg', + subtitle: 'Under the Grave (2016)', + title: 'Rozes', + content: '"Under the Grave" by The Roses is a moody, emotional track exploring loss and remembrance. Haunting vocals and atmospheric melodies create a somber, reflective tone. It\'s a poignant blend of sorrow and beauty that lingers.' + }); +} diff --git a/src/app/theming/theming.routes.ts b/src/app/theming/theming.routes.ts index 8ba1cc05f..3ac51e25c 100644 --- a/src/app/theming/theming.routes.ts +++ b/src/app/theming/theming.routes.ts @@ -8,6 +8,7 @@ import { DisplayDensityComponent } from './display-density/display-density.compo import { CardSampleShadowComponent} from './shadows/card-sample-shadow/card-sample-shadow'; import { ShadowsSampleComponent } from './shadows/shadows-sample-1/shadows-sample.component'; import { ShadowsSample2Component } from './shadows/shadows-sample-2/shadows-sample-2.component'; +import { TailwindSampleComponent } from './tailwind/tailwind-sample.component'; import { themingRoutesData } from './theming-routes-data'; export const ThemingRoutes: Routes = [ @@ -56,5 +57,10 @@ export const ThemingRoutes: Routes = [ component: BootstrapComponent, data: themingRoutesData['bootstrap-sample'], path: 'bootstrap-sample' + }, + { + component: TailwindSampleComponent, + data: themingRoutesData['tailwind-sample'], + path: 'tailwind-sample' } ]; diff --git a/src/styles.scss b/src/styles.scss index 0dc0c0019..da822ab2d 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -1,7 +1,8 @@ @use 'igniteui-angular/theming' as *; +@use 'igniteui-theming/tailwind/theme.css'; @use 'variables' as *; @use 'app-layout'; - +@import "tailwindcss"; // Specifies large size for all components to match the previous defaults // This may not be needed for your project. Please consult https://www.infragistics.com/products/ignite-ui-angular/angular/components/general/update-guide for more details. From 0a27df608fc6f09f91017a1d42211de648d52bf4 Mon Sep 17 00:00:00 2001 From: didimmova Date: Thu, 26 Jun 2025 12:03:22 +0300 Subject: [PATCH 2/5] sample(tailwind): update tailwind sample --- .../tailwind/tailwind-sample.component.html | 64 +++---------------- .../tailwind/tailwind-sample.component.scss | 12 ---- .../tailwind/tailwind-sample.component.ts | 15 +---- src/app/theming/theming-routes-data.ts | 1 + 4 files changed, 13 insertions(+), 79 deletions(-) diff --git a/src/app/theming/tailwind/tailwind-sample.component.html b/src/app/theming/tailwind/tailwind-sample.component.html index 937dbc4ed..7f40a3ae2 100644 --- a/src/app/theming/tailwind/tailwind-sample.component.html +++ b/src/app/theming/tailwind/tailwind-sample.component.html @@ -1,55 +1,11 @@ -
-
-
Custom card with tailwind utility classes
-
-
- -
-
{{ card.title }}
-
{{ card.subtitle }}
-
-
- -
-

{{ card.content }}

-
- -
- @for (icon of card.icons; track icon) { - - } -
-
+
+
+

404

+

Page not found

+

Sorry, we couldn’t find the page you’re looking for.

+ - -
-
IG Angular Card
- - -
{{card.title}}
-
{{card.subtitle}}
- - - -
- - -

{{card.content}}

-
- - - - - @for (icon of card.icons; track icon) { - - } - -
-
-
+
+ diff --git a/src/app/theming/tailwind/tailwind-sample.component.scss b/src/app/theming/tailwind/tailwind-sample.component.scss index 70bef2840..e69de29bb 100644 --- a/src/app/theming/tailwind/tailwind-sample.component.scss +++ b/src/app/theming/tailwind/tailwind-sample.component.scss @@ -1,12 +0,0 @@ -@use "igniteui-angular/theming" as *; - -.card-title { - @include type-style('h6'); -} -.card-subtitle { - @include type-style('subtitle-2'); -} - -.card-content p { - @include type-style('body-2'); -} diff --git a/src/app/theming/tailwind/tailwind-sample.component.ts b/src/app/theming/tailwind/tailwind-sample.component.ts index c20ef353a..0596d9ba6 100644 --- a/src/app/theming/tailwind/tailwind-sample.component.ts +++ b/src/app/theming/tailwind/tailwind-sample.component.ts @@ -1,21 +1,10 @@ import { Component } from '@angular/core'; -import { Card } from '../../layouts/card/card.blueprint'; -import { IGX_CARD_DIRECTIVES, IgxDividerDirective, IgxIconButtonDirective, IgxRippleDirective, IgxIconComponent } from 'igniteui-angular'; @Component({ standalone: true, selector: 'app-tailwind-sample', styleUrls: ['./tailwind-sample.component.scss'], - templateUrl: './tailwind-sample.component.html', - imports: [IGX_CARD_DIRECTIVES, IgxDividerDirective, IgxIconButtonDirective, IgxRippleDirective, IgxIconComponent] + templateUrl: './tailwind-sample.component.html' }) -export class TailwindSampleComponent { - public card = new Card({ - icons: ['skip_previous', 'play_arrow', 'skip_next'], - imageUrl: 'assets/images/card/media/ROZES-Under-the-Grave.jpg', - subtitle: 'Under the Grave (2016)', - title: 'Rozes', - content: '"Under the Grave" by The Roses is a moody, emotional track exploring loss and remembrance. Haunting vocals and atmospheric melodies create a somber, reflective tone. It\'s a poignant blend of sorrow and beauty that lingers.' - }); -} +export class TailwindSampleComponent {} diff --git a/src/app/theming/theming-routes-data.ts b/src/app/theming/theming-routes-data.ts index e5a3ac0d9..8b5ed8018 100644 --- a/src/app/theming/theming-routes-data.ts +++ b/src/app/theming/theming-routes-data.ts @@ -4,6 +4,7 @@ export const themingRoutesData = { 'animations-sample-1': { displayName: 'Angular Animations', parentName: 'Animations' }, 'animations-sample-2': { displayName: 'SCSS Animations', parentName: 'Animations' }, 'default-theme-sample': { displayName: 'Default theme sample', parentName: 'Themes' }, + 'tailwind-sample': { displayName: 'Tailwind sample', parentName: 'Themes' }, 'shadows-sample': { displayName: 'Shadows sample', parentName: 'Shadows' }, 'shadows-sample-2': { displayName: 'Shadows sample 2', parentName: 'Shadows' }, // eslint-disable-next-line quote-props From 0cf1bc46dc8ea6d9a18433751697bb62e0064a14 Mon Sep 17 00:00:00 2001 From: didimmova Date: Thu, 26 Jun 2025 16:47:41 +0300 Subject: [PATCH 3/5] chore(tailwind): remove margins from heading and paragraph --- src/app/theming/tailwind/tailwind-sample.component.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/app/theming/tailwind/tailwind-sample.component.html b/src/app/theming/tailwind/tailwind-sample.component.html index 7f40a3ae2..1a8fa8ae9 100644 --- a/src/app/theming/tailwind/tailwind-sample.component.html +++ b/src/app/theming/tailwind/tailwind-sample.component.html @@ -1,8 +1,8 @@

404

-

Page not found

-

Sorry, we couldn’t find the page you’re looking for.

+

Page not found

+

Sorry, we couldn’t find the page you’re looking for.

Go back home Contact support From 712b2c4e7d3fa1e93d995e1daefaed28f36eb688 Mon Sep 17 00:00:00 2001 From: Simeon Simeonoff Date: Fri, 4 Jul 2025 10:18:22 +0300 Subject: [PATCH 4/5] refactor(tailwind): update baseline sample design --- .../tailwind/tailwind-sample.component.html | 30 +++++++++++++------ 1 file changed, 21 insertions(+), 9 deletions(-) diff --git a/src/app/theming/tailwind/tailwind-sample.component.html b/src/app/theming/tailwind/tailwind-sample.component.html index 1a8fa8ae9..79ecabd9c 100644 --- a/src/app/theming/tailwind/tailwind-sample.component.html +++ b/src/app/theming/tailwind/tailwind-sample.component.html @@ -1,11 +1,23 @@ -
-
-

404

-

Page not found

-

Sorry, we couldn’t find the page you’re looking for.

-
- Go back home - Contact support +
+
+

404

+

+ Page not found +

+

+ Sorry, we couldn’t find the page you’re looking for. +

+
-
From bf75e2c50148d94bc5b901bc3e9a6cd80ea44768 Mon Sep 17 00:00:00 2001 From: Simeon Simeonoff Date: Thu, 10 Jul 2025 13:48:23 +0300 Subject: [PATCH 5/5] deps(theming): bump to latest version --- package-lock.json | 8 ++++---- package.json | 2 +- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/package-lock.json b/package-lock.json index 30b029807..80ea5b941 100644 --- a/package-lock.json +++ b/package-lock.json @@ -42,7 +42,7 @@ "igniteui-angular-i18n": "^20.0.2", "igniteui-dockmanager": "^1.16.0", "igniteui-live-editing": "^3.0.3", - "igniteui-theming": "file:../igniteui-theming/igniteui-theming-1.0.0.tgz", + "igniteui-theming": "^19.1.2", "igniteui-webcomponents": "^6.0.1", "minireset.css": "0.0.6", "postcss": "^8.5.5", @@ -11616,9 +11616,9 @@ "license": "MIT" }, "node_modules/igniteui-theming": { - "version": "1.0.0", - "resolved": "file:../igniteui-theming/igniteui-theming-1.0.0.tgz", - "integrity": "sha512-SRfxErfyOdmoZWRNceUUDPc8CusSbOASkcLseYugvmvYRf5YgPKZWa60tdBwi66crkXN2lDw+fKKj2UoX23ZGA==", + "version": "19.1.2", + "resolved": "https://registry.npmjs.org/igniteui-theming/-/igniteui-theming-19.1.2.tgz", + "integrity": "sha512-UAIAIm75NKmUPmIyldYM6hlVooY0J+cnOYOCCFveTJ5AhAHkKqNMNqn0x0Qk+uR33ncY1Ayk9FbwpeSZcU1oaA==", "license": "MIT", "peerDependencies": { "sass": "^1.69.5" diff --git a/package.json b/package.json index 1a454f888..9d9736bc8 100644 --- a/package.json +++ b/package.json @@ -79,7 +79,7 @@ "igniteui-angular-i18n": "^20.0.2", "igniteui-dockmanager": "^1.16.0", "igniteui-live-editing": "^3.0.3", - "igniteui-theming": "file:../igniteui-theming/igniteui-theming-1.0.0.tgz", + "igniteui-theming": "^19.1.2", "igniteui-webcomponents": "^6.0.1", "minireset.css": "0.0.6", "postcss": "^8.5.5",