From 857d866bb9f5c55d78c5f0bc00bb1066bde1b1d9 Mon Sep 17 00:00:00 2001 From: oakenroot <294000604+oakenroot@users.noreply.github.com> Date: Thu, 25 Jun 2026 11:55:16 +0100 Subject: [PATCH 01/10] chore(web-components): bump @stencil/core to 4.43.5 --- packages/web-components/package-lock.json | 134 +++++++++++++++++++++- packages/web-components/package.json | 2 +- packages/web-components/stencil.config.ts | 1 + 3 files changed, 132 insertions(+), 5 deletions(-) diff --git a/packages/web-components/package-lock.json b/packages/web-components/package-lock.json index 9f740608eb7..64f20e3e3f6 100644 --- a/packages/web-components/package-lock.json +++ b/packages/web-components/package-lock.json @@ -10,7 +10,7 @@ "license": "MIT", "dependencies": { "@popperjs/core": "^2.11.2", - "@stencil/core": "4.26.0", + "@stencil/core": "4.43.5", "dompurify": "^3.2.6" }, "devDependencies": { @@ -3756,6 +3756,122 @@ "license": "MIT", "peer": true }, + "node_modules/@rollup/rollup-darwin-arm64": { + "version": "4.44.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.44.0.tgz", + "integrity": "sha512-VGF3wy0Eq1gcEIkSCr8Ke03CWT+Pm2yveKLaDvq51pPpZza3JX/ClxXOCmTYYq3us5MvEuNRTaeyFThCKRQhOA==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ] + }, + "node_modules/@rollup/rollup-darwin-x64": { + "version": "4.44.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.44.0.tgz", + "integrity": "sha512-fBkyrDhwquRvrTxSGH/qqt3/T0w5Rg0L7ZIDypvBPc1/gzjJle6acCpZ36blwuwcKD/u6oCE/sRWlUAcxLWQbQ==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ] + }, + "node_modules/@rollup/rollup-linux-arm64-gnu": { + "version": "4.44.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.44.0.tgz", + "integrity": "sha512-ZTR2mxBHb4tK4wGf9b8SYg0Y6KQPjGpR4UWwTFdnmjB4qRtoATZ5dWn3KsDwGa5Z2ZBOE7K52L36J9LueKBdOQ==", + "cpu": [ + "arm64" + ], + "libc": [ + "glibc" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-arm64-musl": { + "version": "4.44.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.44.0.tgz", + "integrity": "sha512-GFWfAhVhWGd4r6UxmnKRTBwP1qmModHtd5gkraeW2G490BpFOZkFtem8yuX2NyafIP/mGpRJgTJ2PwohQkUY/Q==", + "cpu": [ + "arm64" + ], + "libc": [ + "musl" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-x64-gnu": { + "version": "4.44.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.44.0.tgz", + "integrity": "sha512-iUVJc3c0o8l9Sa/qlDL2Z9UP92UZZW1+EmQ4xfjTc1akr0iUFZNfxrXJ/R1T90h/ILm9iXEY6+iPrmYB3pXKjw==", + "cpu": [ + "x64" + ], + "libc": [ + "glibc" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-x64-musl": { + "version": "4.44.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.44.0.tgz", + "integrity": "sha512-PQUobbhLTQT5yz/SPg116VJBgz+XOtXt8D1ck+sfJJhuEsMj2jSej5yTdp8CvWBSceu+WW+ibVL6dm0ptG5fcA==", + "cpu": [ + "x64" + ], + "libc": [ + "musl" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-win32-arm64-msvc": { + "version": "4.44.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.44.0.tgz", + "integrity": "sha512-M0CpcHf8TWn+4oTxJfh7LQuTuaYeXGbk0eageVjQCKzYLsajWS/lFC94qlRqOlyC2KvRT90ZrfXULYmukeIy7w==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@rollup/rollup-win32-x64-msvc": { + "version": "4.44.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.44.0.tgz", + "integrity": "sha512-Q2Mgwt+D8hd5FIPUuPDsvPR7Bguza6yTkJxspDGkZj7tBRn2y4KSWYuIXpftFSjBra76TbKerCV7rgFPQrn+wQ==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, "node_modules/@sinclair/typebox": { "version": "0.27.10", "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.10.tgz", @@ -3794,9 +3910,9 @@ } }, "node_modules/@stencil/core": { - "version": "4.26.0", - "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.26.0.tgz", - "integrity": "sha512-+0Inu+dJ9/LgWSskcZwx7v17v4GILcwIYxNgD+OuK0U+D5z61WsxWw7yHkYG5OqGPBijsJMVssYRx/Tn+e7F9A==", + "version": "4.43.5", + "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.43.5.tgz", + "integrity": "sha512-cgWD+GeuvJpTe1WQn40p02+BJ2j0j1YJ17GdkF2qKIQ23s2e3Zivq5yISXS3dcuV6oUJFN93jprdk+nk/sq99Q==", "license": "MIT", "bin": { "stencil": "bin/stencil" @@ -3804,6 +3920,16 @@ "engines": { "node": ">=16.0.0", "npm": ">=7.10.0" + }, + "optionalDependencies": { + "@rollup/rollup-darwin-arm64": "4.44.0", + "@rollup/rollup-darwin-x64": "4.44.0", + "@rollup/rollup-linux-arm64-gnu": "4.44.0", + "@rollup/rollup-linux-arm64-musl": "4.44.0", + "@rollup/rollup-linux-x64-gnu": "4.44.0", + "@rollup/rollup-linux-x64-musl": "4.44.0", + "@rollup/rollup-win32-arm64-msvc": "4.44.0", + "@rollup/rollup-win32-x64-msvc": "4.44.0" } }, "node_modules/@stencil/postcss": { diff --git a/packages/web-components/package.json b/packages/web-components/package.json index 83f37b53ee2..57a15fdebde 100644 --- a/packages/web-components/package.json +++ b/packages/web-components/package.json @@ -45,7 +45,7 @@ }, "dependencies": { "@popperjs/core": "^2.11.2", - "@stencil/core": "4.26.0", + "@stencil/core": "4.43.5", "dompurify": "^3.2.6" }, "devDependencies": { diff --git a/packages/web-components/stencil.config.ts b/packages/web-components/stencil.config.ts index 12f4d7c5c7d..57e7f6647b1 100644 --- a/packages/web-components/stencil.config.ts +++ b/packages/web-components/stencil.config.ts @@ -167,5 +167,6 @@ export const config: Config = { ], extras: { experimentalImportInjection: true, + addGlobalStyleToComponents: false, }, }; From b7af02122294986f3720fcf379de701d2cde193b Mon Sep 17 00:00:00 2001 From: oakenroot <294000604+oakenroot@users.noreply.github.com> Date: Thu, 25 Jun 2026 11:55:37 +0100 Subject: [PATCH 02/10] chore(canary-web-components): bump @stencil/core to 4.43.5 --- .../canary-web-components/package-lock.json | 445 +++++++++++------- packages/canary-web-components/package.json | 2 +- .../canary-web-components/stencil.config.ts | 5 +- 3 files changed, 290 insertions(+), 162 deletions(-) diff --git a/packages/canary-web-components/package-lock.json b/packages/canary-web-components/package-lock.json index e392cd86cfe..7f376b2ec53 100644 --- a/packages/canary-web-components/package-lock.json +++ b/packages/canary-web-components/package-lock.json @@ -1,17 +1,17 @@ { "name": "@ukic/canary-web-components", - "version": "3.0.0-canary.45", + "version": "3.0.0-canary.44", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "@ukic/canary-web-components", - "version": "3.0.0-canary.45", + "version": "3.0.0-canary.44", "license": "MIT", "dependencies": { "@popperjs/core": "^2.11.2", - "@stencil/core": "4.26.0", - "@ukic/web-components": "^3.29.0" + "@stencil/core": "4.43.5", + "@ukic/web-components": "^3.28.0" }, "devDependencies": { "@babel/core": "^7.16.0", @@ -23,11 +23,11 @@ "@open-wc/testing-helpers": "^2.0.2", "@stencil/postcss": "^2.1.0", "@stencil/react-output-target": "^0.5.3", - "@storybook/addon-a11y": "^10.4.6", - "@storybook/addon-docs": "^10.4.6", - "@storybook/addon-links": "^10.4.6", - "@storybook/web-components": "^10.4.6", - "@storybook/web-components-vite": "^10.4.6", + "@storybook/addon-a11y": "^10.2.10", + "@storybook/addon-docs": "^10.2.10", + "@storybook/addon-links": "^10.2.10", + "@storybook/web-components": "^10.2.10", + "@storybook/web-components-vite": "^10.2.10", "@types/autoprefixer": "^10.2.0", "@types/jest": "^29.5.14", "autoprefixer": "^10.4.2", @@ -43,7 +43,7 @@ "react-markdown": "^8.0.7", "remark-gfm": "^3.0.1", "stencil-inline-svg": "^1.1.0", - "storybook": "^10.4.6", + "storybook": "^10.2.10", "timekeeper": "^2.3.1", "ts-jest": "^29.4.9" }, @@ -2834,14 +2834,14 @@ } }, "node_modules/@napi-rs/wasm-runtime": { - "version": "1.1.6", - "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-1.1.6.tgz", - "integrity": "sha512-ZLv/JdUfkvOy9eCnnBaGfiO+XimbjebAeO+MRQqD/B+FR1tnRN0tpKSJHRbE8sFfS6aqsXZ67TQjfwfsxULVbg==", + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-1.1.5.tgz", + "integrity": "sha512-AWPoBRJ9tsnVhor4sjO7rkni+7p+2IAEFj6cx06UgP10jkQHqay/36uRV/bFkgrh18D9vb4cr8Q0Pthskgzy+Q==", "dev": true, "license": "MIT", "optional": true, "dependencies": { - "@tybys/wasm-util": "^0.10.3" + "@tybys/wasm-util": "^0.10.2" }, "funding": { "type": "github", @@ -3539,9 +3539,9 @@ } }, "node_modules/@rolldown/binding-android-arm64": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.1.3.tgz", - "integrity": "sha512-DT6Z3PhvioeHMvxo+xHc3KtqggrI7CCTXCmC2h/5zUlp5jVitv7XEy+9q5/7v8IolhlioawpMo8Kg0EEBy7J0g==", + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.0.3.tgz", + "integrity": "sha512-454rs7jHngixp/NMxd5srYD57OnzSlZ/eFTETjORQHLwJG1lRtmNOJcBerZlfu4GjKqeq8aCCIQrMdHyhI51Hw==", "cpu": [ "arm64" ], @@ -3557,9 +3557,9 @@ } }, "node_modules/@rolldown/binding-darwin-arm64": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.1.3.tgz", - "integrity": "sha512-0NwgwsjM7LrsuVnXMK3koTpagBNOhloc/BNjKqZjv4V5zI5r13qx69uVhRx+o5Z0yy4Hzq+lpy7TAgUG/ocvrw==", + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.0.3.tgz", + "integrity": "sha512-PcAhP+ynjURNyy8SKGl5DQP94aGuB/7JrXJb/t7P+hanXvQVMWzUvRRhBAcg/lNRadBhoUPqSoP4xw5tR/KBEA==", "cpu": [ "arm64" ], @@ -3575,9 +3575,9 @@ } }, "node_modules/@rolldown/binding-darwin-x64": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.1.3.tgz", - "integrity": "sha512-YtiBp4disu6V560loT6PjMdiRaWmVvDNrUunAalbiFx2ggeJwxdAsgZMcoGP17uyAsTwAj5V1niksxlHnVQ1Sw==", + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.0.3.tgz", + "integrity": "sha512-9YpfeUvSE2RS7wysJ81uOZkXJz7f7Q55H2Gvp3VEw/EsahqDtrphrZ0EwDLK5vvKOzaCrBsjF8JmnMLcUt78Gg==", "cpu": [ "x64" ], @@ -3593,9 +3593,9 @@ } }, "node_modules/@rolldown/binding-freebsd-x64": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.1.3.tgz", - "integrity": "sha512-yD3EkEdXk2LypPxnf/kSZHirarsI8gcPzc62SukhR9VJTyvV+F9Q/GxWNuCojc7sXyuVC4DxRGhdDK4X8VSsbw==", + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.0.3.tgz", + "integrity": "sha512-yB1IlAsSNHncV6SCTL27/MVGR5htvQsoGxIv5KMGXALp+Ll1wYsn+x98M9MW7qa+NdSbvrrY7ANI4wLJ0n1e6g==", "cpu": [ "x64" ], @@ -3611,9 +3611,9 @@ } }, "node_modules/@rolldown/binding-linux-arm-gnueabihf": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.1.3.tgz", - "integrity": "sha512-c+8vieQbsD7HNAHKIA34w0GJ9FedFFuJGD+7E6vz7Q3uqAIugL5p45fhlsj4UaAsHpcmlqugBWMhA0/j7o0sIg==", + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.0.3.tgz", + "integrity": "sha512-Yi30IVAAfLUCy2MseFjbB1jAMDl1VMCAas5StnYp8da9+CKvMd2H2cbEjWcw5NPaPqzvYkVIaF1nNUG+b7u/sw==", "cpu": [ "arm" ], @@ -3629,9 +3629,9 @@ } }, "node_modules/@rolldown/binding-linux-arm64-gnu": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.1.3.tgz", - "integrity": "sha512-50jD0uUwLvur7Zz9LHz17kaAdTPjn5wN93hEgjvmYFRZwiR7ZJYovTd5ipyWJDAnXKvZ+wgc+/Ika6dwSF5OcA==", + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.0.3.tgz", + "integrity": "sha512-jsO7R8To+AdlYgUmN5sHSCZbfhtMBkO0WUx8iORQnPcMMdgr7qM2DQmMwgabs3GhNztdmoKkMKQFHD6DTMCIQw==", "cpu": [ "arm64" ], @@ -3647,9 +3647,9 @@ } }, "node_modules/@rolldown/binding-linux-arm64-musl": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.1.3.tgz", - "integrity": "sha512-BO9+oPL8K9poZJBfYPsXNtYjPE5uM3qeehT3aFcW4LITOl+iSqhp0abzjR2nWBUNjIZeKXjAEWBZ64WjNoHd6w==", + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.0.3.tgz", + "integrity": "sha512-VWkUHwWriDciit80wleYwKILoR/KMvxh/IdwS/paX+ZgpuRpCrKLUdadJbc0NpBEiyhpYawsJ73j9aCvOH+f7Q==", "cpu": [ "arm64" ], @@ -3665,9 +3665,9 @@ } }, "node_modules/@rolldown/binding-linux-ppc64-gnu": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-1.1.3.tgz", - "integrity": "sha512-f3VpLB1vQ0Eo6ecr/6cekLnvYMFF4YBFoVGkfkvPLq1bAkbAwHYQPZKoAmG6OJyTcxxoC+AvezGx/S1obNC0Mw==", + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-1.0.3.tgz", + "integrity": "sha512-5f1laC0SlIR0yDbFCd8acUhvJIag6N3zC5P7oUPN6wX0aOma+uKJ0wBDH5aq7I1PVI2ttTlhJwzwRIBnLiSGEg==", "cpu": [ "ppc64" ], @@ -3683,9 +3683,9 @@ } }, "node_modules/@rolldown/binding-linux-s390x-gnu": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-1.1.3.tgz", - "integrity": "sha512-AmurZ26Pqx/RI9N1gzEOCklkKXl927yjfXWUUS0O7Puh8ARM/Ob8qfrD3qnWksScdw6cSrW5PSHE9DyLu7+PtA==", + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-1.0.3.tgz", + "integrity": "sha512-Iq4ko0r4XsgbrF/LunNgHtAGLRRVE2kXonAXQ/MV0mC6jQpMOhW1SvtZja2EhC/kd05++bP78dsqBeIQyYJ6Yg==", "cpu": [ "s390x" ], @@ -3701,9 +3701,9 @@ } }, "node_modules/@rolldown/binding-linux-x64-gnu": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.1.3.tgz", - "integrity": "sha512-JJpqs8bRGITDOdbkNKnlojzBabbOHrqjSvDr0IVsZObE1lBcPjxItUEY9eWIDbxaJ3cGrXPWGfGkIxFijg/URg==", + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.0.3.tgz", + "integrity": "sha512-B8m6tD5+/N5FeNQFbKlLA/2yVq9ycQP1SeedyEYYKWBNR3ZQbkvIUcNnDNM03lO1l5F2roiiFJGgvoLLyZXtSg==", "cpu": [ "x64" ], @@ -3719,9 +3719,9 @@ } }, "node_modules/@rolldown/binding-linux-x64-musl": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.1.3.tgz", - "integrity": "sha512-rSJcdjPxzA/by/6/rYs+v+bXU7UjvnbUWz8MJb6kh6+knqB1dCrtHg0uu7C/4haqJvqdkYHQ5IGn+tCH9GLW/g==", + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.0.3.tgz", + "integrity": "sha512-pSdpdUJHkuCxun9LE7jvgUB9qsRgaiyNNCX7m/AvHTcq67AiT/Yhoxvw5zPfhrM8k/BfP8ce/hMOpthKDpEUow==", "cpu": [ "x64" ], @@ -3737,9 +3737,9 @@ } }, "node_modules/@rolldown/binding-openharmony-arm64": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.1.3.tgz", - "integrity": "sha512-hQ3/PYkDJICgevvyNcVrihVeqq7k1Pp3VZ9lY+dauAYUJKO+auqApvANhvR1An9BhmqYKvW2Mu1F9u4DXSMLxQ==", + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.0.3.tgz", + "integrity": "sha512-OXXS3RKJgX2uLwM+gYyuH5omcH8fL1LJs96pZGgtetVCahON57+d4SJHzTgZiOjxgGkSnpXpOsWuPDGAKAigEg==", "cpu": [ "arm64" ], @@ -3755,9 +3755,9 @@ } }, "node_modules/@rolldown/binding-wasm32-wasi": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/@rolldown/binding-wasm32-wasi/-/binding-wasm32-wasi-1.1.3.tgz", - "integrity": "sha512-Elcv/BtML9lXrV6JuKITc/grN2kYV9gjsQpW8Jfw4ioK0TOkjBjye0nnyqQNy9STNaI20lXNaQBRrD5gSgR0Yg==", + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/@rolldown/binding-wasm32-wasi/-/binding-wasm32-wasi-1.0.3.tgz", + "integrity": "sha512-JTtb8BWFynicNSoPrehsCzBtOKjZ6jhMiPFEmOiuXg1Fl8dn2KHQob+GuPSGR0dryQa1PQJbzjF3dqO/whhjLg==", "cpu": [ "wasm32" ], @@ -3766,43 +3766,31 @@ "optional": true, "peer": true, "dependencies": { - "@emnapi/core": "1.11.1", - "@emnapi/runtime": "1.11.1", - "@napi-rs/wasm-runtime": "^1.1.6" + "@emnapi/core": "1.10.0", + "@emnapi/runtime": "1.10.0", + "@napi-rs/wasm-runtime": "^1.1.4" }, "engines": { "node": "^20.19.0 || >=22.12.0" } }, "node_modules/@rolldown/binding-wasm32-wasi/node_modules/@emnapi/core": { - "version": "1.11.1", - "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.11.1.tgz", - "integrity": "sha512-RSvbQmHzdKzNsLYa/wHrbc3KN4sYLKAdPZxqiM2HATqv/SBk2/ENSHpvXGaLOMcsAyz0poEGqkmmKYG3OWiJEQ==", + "version": "1.10.0", + "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.10.0.tgz", + "integrity": "sha512-yq6OkJ4p82CAfPl0u9mQebQHKPJkY7WrIuk205cTYnYe+k2Z8YBh11FrbRG/H6ihirqcacOgl2BIO8oyMQLeXw==", "dev": true, "license": "MIT", "optional": true, "peer": true, "dependencies": { - "@emnapi/wasi-threads": "1.2.2", + "@emnapi/wasi-threads": "1.2.1", "tslib": "^2.4.0" } }, "node_modules/@rolldown/binding-wasm32-wasi/node_modules/@emnapi/runtime": { - "version": "1.11.1", - "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.11.1.tgz", - "integrity": "sha512-vgj7R3y3Wgx24IQaGPA/R6YFXLHVMOZ0uVEyIQPaWs+rd1AzfEMXlAC22FYwO1XkKR6NPsq7mUandH8oIRdZFw==", - "dev": true, - "license": "MIT", - "optional": true, - "peer": true, - "dependencies": { - "tslib": "^2.4.0" - } - }, - "node_modules/@rolldown/binding-wasm32-wasi/node_modules/@emnapi/wasi-threads": { - "version": "1.2.2", - "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.2.2.tgz", - "integrity": "sha512-c95qOXkHdydNKhscBTebqEC1CVAZpyqOfVfBzQ1qgzyl3gfeldUjIggDbIZgDKsHLgnsM+igH7TJ/eAasaVuMA==", + "version": "1.10.0", + "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.10.0.tgz", + "integrity": "sha512-ewvYlk86xUoGI0zQRNq/mC+16R1QeDlKQy21Ki3oSYXNgLb45GV1P6A0M+/s6nyCuNDqe5VpaY84BzXGwVbwFA==", "dev": true, "license": "MIT", "optional": true, @@ -3812,9 +3800,9 @@ } }, "node_modules/@rolldown/binding-win32-arm64-msvc": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.1.3.tgz", - "integrity": "sha512-2DrEfhluH9yhiaFApmsjsjwrSYbNcY1oFTzYSP1a535jDbV98zCFanA/96TBUd0iDFcxGmw9QRExwGCXz3U+/g==", + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.0.3.tgz", + "integrity": "sha512-gEdFFEN70A/jxb2svrWsN3aDL7OUtmvlOy+6fa2jxG8K0wQ1ZbdeLGnidov6Yu5/733dI5ySfzFlQ/cb0bSz1g==", "cpu": [ "arm64" ], @@ -3830,9 +3818,9 @@ } }, "node_modules/@rolldown/binding-win32-x64-msvc": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.1.3.tgz", - "integrity": "sha512-OL4OMk7UPXOeVGGd3qo5zJyPIljf4AFgk5QAkPPS+OoLuOOozhuaQGC18MxVTnw/06q93gShAJzlwnSCY9YtqA==", + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.0.3.tgz", + "integrity": "sha512-eXB7CHuaQdqmJcc3koCNtNPmT/bj2gc999kUFgBxG8Ac0NdgXc4rkCHhqrgrhN3zddvvvrgzj1e90SuSfmyIXA==", "cpu": [ "x64" ], @@ -3855,6 +3843,122 @@ "license": "MIT", "peer": true }, + "node_modules/@rollup/rollup-darwin-arm64": { + "version": "4.44.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.44.0.tgz", + "integrity": "sha512-VGF3wy0Eq1gcEIkSCr8Ke03CWT+Pm2yveKLaDvq51pPpZza3JX/ClxXOCmTYYq3us5MvEuNRTaeyFThCKRQhOA==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ] + }, + "node_modules/@rollup/rollup-darwin-x64": { + "version": "4.44.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.44.0.tgz", + "integrity": "sha512-fBkyrDhwquRvrTxSGH/qqt3/T0w5Rg0L7ZIDypvBPc1/gzjJle6acCpZ36blwuwcKD/u6oCE/sRWlUAcxLWQbQ==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ] + }, + "node_modules/@rollup/rollup-linux-arm64-gnu": { + "version": "4.44.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.44.0.tgz", + "integrity": "sha512-ZTR2mxBHb4tK4wGf9b8SYg0Y6KQPjGpR4UWwTFdnmjB4qRtoATZ5dWn3KsDwGa5Z2ZBOE7K52L36J9LueKBdOQ==", + "cpu": [ + "arm64" + ], + "libc": [ + "glibc" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-arm64-musl": { + "version": "4.44.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.44.0.tgz", + "integrity": "sha512-GFWfAhVhWGd4r6UxmnKRTBwP1qmModHtd5gkraeW2G490BpFOZkFtem8yuX2NyafIP/mGpRJgTJ2PwohQkUY/Q==", + "cpu": [ + "arm64" + ], + "libc": [ + "musl" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-x64-gnu": { + "version": "4.44.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.44.0.tgz", + "integrity": "sha512-iUVJc3c0o8l9Sa/qlDL2Z9UP92UZZW1+EmQ4xfjTc1akr0iUFZNfxrXJ/R1T90h/ILm9iXEY6+iPrmYB3pXKjw==", + "cpu": [ + "x64" + ], + "libc": [ + "glibc" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-linux-x64-musl": { + "version": "4.44.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.44.0.tgz", + "integrity": "sha512-PQUobbhLTQT5yz/SPg116VJBgz+XOtXt8D1ck+sfJJhuEsMj2jSej5yTdp8CvWBSceu+WW+ibVL6dm0ptG5fcA==", + "cpu": [ + "x64" + ], + "libc": [ + "musl" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ] + }, + "node_modules/@rollup/rollup-win32-arm64-msvc": { + "version": "4.44.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.44.0.tgz", + "integrity": "sha512-M0CpcHf8TWn+4oTxJfh7LQuTuaYeXGbk0eageVjQCKzYLsajWS/lFC94qlRqOlyC2KvRT90ZrfXULYmukeIy7w==", + "cpu": [ + "arm64" + ], + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, + "node_modules/@rollup/rollup-win32-x64-msvc": { + "version": "4.44.0", + "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.44.0.tgz", + "integrity": "sha512-Q2Mgwt+D8hd5FIPUuPDsvPR7Bguza6yTkJxspDGkZj7tBRn2y4KSWYuIXpftFSjBra76TbKerCV7rgFPQrn+wQ==", + "cpu": [ + "x64" + ], + "license": "MIT", + "optional": true, + "os": [ + "win32" + ] + }, "node_modules/@sinclair/typebox": { "version": "0.27.10", "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.10.tgz", @@ -3883,9 +3987,9 @@ } }, "node_modules/@stencil/core": { - "version": "4.26.0", - "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.26.0.tgz", - "integrity": "sha512-+0Inu+dJ9/LgWSskcZwx7v17v4GILcwIYxNgD+OuK0U+D5z61WsxWw7yHkYG5OqGPBijsJMVssYRx/Tn+e7F9A==", + "version": "4.43.5", + "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.43.5.tgz", + "integrity": "sha512-cgWD+GeuvJpTe1WQn40p02+BJ2j0j1YJ17GdkF2qKIQ23s2e3Zivq5yISXS3dcuV6oUJFN93jprdk+nk/sq99Q==", "license": "MIT", "bin": { "stencil": "bin/stencil" @@ -3893,6 +3997,16 @@ "engines": { "node": ">=16.0.0", "npm": ">=7.10.0" + }, + "optionalDependencies": { + "@rollup/rollup-darwin-arm64": "4.44.0", + "@rollup/rollup-darwin-x64": "4.44.0", + "@rollup/rollup-linux-arm64-gnu": "4.44.0", + "@rollup/rollup-linux-arm64-musl": "4.44.0", + "@rollup/rollup-linux-x64-gnu": "4.44.0", + "@rollup/rollup-linux-x64-musl": "4.44.0", + "@rollup/rollup-win32-arm64-msvc": "4.44.0", + "@rollup/rollup-win32-x64-msvc": "4.44.0" } }, "node_modules/@stencil/postcss": { @@ -3950,9 +4064,9 @@ } }, "node_modules/@storybook/addon-a11y": { - "version": "10.4.6", - "resolved": "https://registry.npmjs.org/@storybook/addon-a11y/-/addon-a11y-10.4.6.tgz", - "integrity": "sha512-XCJy+f0DFOiCgUU9knRDlLDxVFI+AAQ3/wE/NF85zB9iDPPS2DwkSN+mas3zDgHt66zhN8Cq3/UiyCDUweV9Zw==", + "version": "10.4.5", + "resolved": "https://registry.npmjs.org/@storybook/addon-a11y/-/addon-a11y-10.4.5.tgz", + "integrity": "sha512-nMP2sXoOvXaViJiC8UOLTmRjF8cdMhgiRrwXKQjVB/WXu61N+JE+tdIS7ChLNwje9bzpQIU9vqwBio5brXq8Cg==", "dev": true, "license": "MIT", "dependencies": { @@ -3964,20 +4078,20 @@ "url": "https://opencollective.com/storybook" }, "peerDependencies": { - "storybook": "^10.4.6" + "storybook": "^10.4.5" } }, "node_modules/@storybook/addon-docs": { - "version": "10.4.6", - "resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-10.4.6.tgz", - "integrity": "sha512-aWAfP5JMiT5a3zBJizwroCRzOCqZwDTJmvsYvwMD3ilIEa/kT1vhf6Xrbk4XIPhDwbh8Hpb/Gfnka1xBYEISWg==", + "version": "10.4.5", + "resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-10.4.5.tgz", + "integrity": "sha512-9mIV0maIxixfuvdpNhr3QMeU/gbJKeaBcWhPYuf176cqDZAG9EUhZ50TIinxeFRbyEGRJqaLPoiYwIu4GJu3jA==", "dev": true, "license": "MIT", "dependencies": { "@mdx-js/react": "^3.0.0", - "@storybook/csf-plugin": "10.4.6", + "@storybook/csf-plugin": "10.4.5", "@storybook/icons": "^2.0.2", - "@storybook/react-dom-shim": "10.4.6", + "@storybook/react-dom-shim": "10.4.5", "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0", "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0", "ts-dedent": "^2.0.0" @@ -3988,7 +4102,7 @@ }, "peerDependencies": { "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0", - "storybook": "^10.4.6" + "storybook": "^10.4.5" }, "peerDependenciesMeta": { "@types/react": { @@ -4015,9 +4129,9 @@ } }, "node_modules/@storybook/addon-links": { - "version": "10.4.6", - "resolved": "https://registry.npmjs.org/@storybook/addon-links/-/addon-links-10.4.6.tgz", - "integrity": "sha512-VGfERTsGRFmfvNP3SKprFWkC6Od5kXzSutT5PSZjQ/O9NnCdHhd/RILxFDN2TzZn9ywDc7t5b4AldKmSYCv3EQ==", + "version": "10.4.5", + "resolved": "https://registry.npmjs.org/@storybook/addon-links/-/addon-links-10.4.5.tgz", + "integrity": "sha512-IxxiUn0ejhbjbYu5RIaCELRkVpyiDMa2dr3SpA2ovG854Rm6z4XsygaqG0V75Jj4yW2MxDZP9dRWgyQXTRWTIA==", "dev": true, "license": "MIT", "dependencies": { @@ -4030,7 +4144,7 @@ "peerDependencies": { "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0", "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0", - "storybook": "^10.4.6" + "storybook": "^10.4.5" }, "peerDependenciesMeta": { "@types/react": { @@ -4042,13 +4156,13 @@ } }, "node_modules/@storybook/builder-vite": { - "version": "10.4.6", - "resolved": "https://registry.npmjs.org/@storybook/builder-vite/-/builder-vite-10.4.6.tgz", - "integrity": "sha512-BHBtD81HiXUiDQz/CaFynLtWmm7AFUQn8VnXuHipZ8KlnUANopa4yqdVuy/Gwz8ub254uFI5NMZsW/KlgWNgNg==", + "version": "10.4.5", + "resolved": "https://registry.npmjs.org/@storybook/builder-vite/-/builder-vite-10.4.5.tgz", + "integrity": "sha512-UFtMIojDT61OWhc2ti0wf6pUNlBRLYixyygXXTolaCxdACum6SOgJim+mEZE4S3VuTaZgjTRNyoc0WSJPqjQ2g==", "dev": true, "license": "MIT", "dependencies": { - "@storybook/csf-plugin": "10.4.6", + "@storybook/csf-plugin": "10.4.5", "ts-dedent": "^2.0.0" }, "funding": { @@ -4056,14 +4170,14 @@ "url": "https://opencollective.com/storybook" }, "peerDependencies": { - "storybook": "^10.4.6", + "storybook": "^10.4.5", "vite": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0" } }, "node_modules/@storybook/csf-plugin": { - "version": "10.4.6", - "resolved": "https://registry.npmjs.org/@storybook/csf-plugin/-/csf-plugin-10.4.6.tgz", - "integrity": "sha512-NILLxDqpA/JR/AazGWpsz+4fadJwRU4uhHephGtYpVOWnQA/DkJfKT6zpcJVq8+QA8A2zKMLX3GVKsXIrxjuDA==", + "version": "10.4.5", + "resolved": "https://registry.npmjs.org/@storybook/csf-plugin/-/csf-plugin-10.4.5.tgz", + "integrity": "sha512-OsSsSLulBmdKTz7MIKLgoWADZB8bjYaAjZZy/THdI50G/TTd6FVSXQMCM7GO7xQZ/EguRY1PmjOVCLbgcnXsDA==", "dev": true, "license": "MIT", "dependencies": { @@ -4076,7 +4190,7 @@ "peerDependencies": { "esbuild": "*", "rollup": "*", - "storybook": "^10.4.6", + "storybook": "^10.4.5", "vite": "*", "webpack": "*" }, @@ -4114,9 +4228,9 @@ } }, "node_modules/@storybook/react-dom-shim": { - "version": "10.4.6", - "resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-10.4.6.tgz", - "integrity": "sha512-iGNmKzrq9vgl2PDrYAnZKI+yvac3Ym+lJXXuQaqlFRS23zA5MNm4EBX+rAG7WulqchoK6NaZ0KQOs2mAgEpTMg==", + "version": "10.4.5", + "resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-10.4.5.tgz", + "integrity": "sha512-fKdikHC7cDgSuaBirPwvgFBmfO//3cln0y3GmDEQchUV2VFDrZ7ZL1/iH7dA21XuiFFhQcDRRkArJmvMAGG5Cg==", "dev": true, "license": "MIT", "funding": { @@ -4128,7 +4242,7 @@ "@types/react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0", "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0", "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0", - "storybook": "^10.4.6" + "storybook": "^10.4.5" }, "peerDependenciesMeta": { "@types/react": { @@ -4140,9 +4254,9 @@ } }, "node_modules/@storybook/web-components": { - "version": "10.4.6", - "resolved": "https://registry.npmjs.org/@storybook/web-components/-/web-components-10.4.6.tgz", - "integrity": "sha512-/of77LBQU7KAvj62Ff6Po1tVEi17kubqGZeezNf4YApSvfabfZDcZpnFOqKinC3v1zfF2mnCumTBu8MIzomx+A==", + "version": "10.4.5", + "resolved": "https://registry.npmjs.org/@storybook/web-components/-/web-components-10.4.5.tgz", + "integrity": "sha512-OtmGgBbfKF1j/50d+T9oCctaUbFM0WvyZzmlf+prUPVPh4qmOMf+eHtYOag8bjlNE6vf07fXM/BBwmQnrCIqKw==", "dev": true, "license": "MIT", "dependencies": { @@ -4156,25 +4270,25 @@ }, "peerDependencies": { "lit": "^2.0.0 || ^3.0.0", - "storybook": "^10.4.6" + "storybook": "^10.4.5" } }, "node_modules/@storybook/web-components-vite": { - "version": "10.4.6", - "resolved": "https://registry.npmjs.org/@storybook/web-components-vite/-/web-components-vite-10.4.6.tgz", - "integrity": "sha512-rho4tYXVIUDtoiM7+F89dCgsSHNxbl2si/e5DujGxC+EMzQHzOYfe0yKjrRPSWNAw2IKGUW9u06cEFPnpKYcTw==", + "version": "10.4.5", + "resolved": "https://registry.npmjs.org/@storybook/web-components-vite/-/web-components-vite-10.4.5.tgz", + "integrity": "sha512-kqeLqVg16CaRAWG9B3vU0ZJFHkSjsq+W2wMQki1VBxKKtp05FkcYjB6mm/llPjZbIX2S1xCdH17j5IRgkHmFkw==", "dev": true, "license": "MIT", "dependencies": { - "@storybook/builder-vite": "10.4.6", - "@storybook/web-components": "10.4.6" + "@storybook/builder-vite": "10.4.5", + "@storybook/web-components": "10.4.5" }, "funding": { "type": "opencollective", "url": "https://opencollective.com/storybook" }, "peerDependencies": { - "storybook": "^10.4.6", + "storybook": "^10.4.5", "vite": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0" } }, @@ -4281,9 +4395,9 @@ } }, "node_modules/@tybys/wasm-util": { - "version": "0.10.3", - "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.3.tgz", - "integrity": "sha512-F3fo1MYrRJYL3zER0OUOmkutjr1Vp23m7OsSgp7nq4SP6OqX6C/56XFIPAl5bt3zaBRjmW7SGz3u/6LwFpYcOg==", + "version": "0.10.2", + "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.2.tgz", + "integrity": "sha512-RoBvJ2X0wuKlWFIjrwffGw1IqZHKQqzIchKaadZZfnNpsAYp2mM0h36JtPCjNDAHGgYez/15uMBpfGwchhiMgg==", "dev": true, "license": "MIT", "optional": true, @@ -4645,6 +4759,19 @@ "@ukic/fonts": "^3.1.0" } }, + "node_modules/@ukic/web-components/node_modules/@stencil/core": { + "version": "4.26.0", + "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.26.0.tgz", + "integrity": "sha512-+0Inu+dJ9/LgWSskcZwx7v17v4GILcwIYxNgD+OuK0U+D5z61WsxWw7yHkYG5OqGPBijsJMVssYRx/Tn+e7F9A==", + "license": "MIT", + "bin": { + "stencil": "bin/stencil" + }, + "engines": { + "node": ">=16.0.0", + "npm": ">=7.10.0" + } + }, "node_modules/@vitest/expect": { "version": "3.2.4", "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-3.2.4.tgz", @@ -10480,9 +10607,9 @@ } }, "node_modules/postcss": { - "version": "8.5.16", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.16.tgz", - "integrity": "sha512-vuwillviilfKZsg0VGj5R/YwwcHx4SLsIOI/7K6mQkWx+l5cUHTjj5g0AasTBcyXsbfTgrwsUNmVUb5xVwyPwg==", + "version": "8.5.15", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.15.tgz", + "integrity": "sha512-FfR8sjd4em2T6fb3I2MwAJU7HWVMr9zba+enmQeeWFfCbm+UOC/0X4DS8XtpUTMwWMGbjKYP7xjfNekzyGmB3A==", "dev": true, "funding": [ { @@ -10906,14 +11033,14 @@ } }, "node_modules/rolldown": { - "version": "1.1.3", - "resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.1.3.tgz", - "integrity": "sha512-1F1eEtUBtFvcGm1HQ9TiUIUHPQG7mSAODrhIzjxoUEFuo8OcbrGLiVLkevNgj84TE4lnHvnumwFjhJO5Eu135g==", + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.0.3.tgz", + "integrity": "sha512-i00lAJ2ks1BYr7rjNjKC7BcqAS7nVfiT3QX1SI5aY+AFHblCmaUf9OE9dbdzDvW6dJxbi2ZCZiy9v3CcwOiX3g==", "dev": true, "license": "MIT", "peer": true, "dependencies": { - "@oxc-project/types": "=0.137.0", + "@oxc-project/types": "=0.133.0", "@rolldown/pluginutils": "^1.0.0" }, "bin": { @@ -10923,27 +11050,27 @@ "node": "^20.19.0 || >=22.12.0" }, "optionalDependencies": { - "@rolldown/binding-android-arm64": "1.1.3", - "@rolldown/binding-darwin-arm64": "1.1.3", - "@rolldown/binding-darwin-x64": "1.1.3", - "@rolldown/binding-freebsd-x64": "1.1.3", - "@rolldown/binding-linux-arm-gnueabihf": "1.1.3", - "@rolldown/binding-linux-arm64-gnu": "1.1.3", - "@rolldown/binding-linux-arm64-musl": "1.1.3", - "@rolldown/binding-linux-ppc64-gnu": "1.1.3", - "@rolldown/binding-linux-s390x-gnu": "1.1.3", - "@rolldown/binding-linux-x64-gnu": "1.1.3", - "@rolldown/binding-linux-x64-musl": "1.1.3", - "@rolldown/binding-openharmony-arm64": "1.1.3", - "@rolldown/binding-wasm32-wasi": "1.1.3", - "@rolldown/binding-win32-arm64-msvc": "1.1.3", - "@rolldown/binding-win32-x64-msvc": "1.1.3" + "@rolldown/binding-android-arm64": "1.0.3", + "@rolldown/binding-darwin-arm64": "1.0.3", + "@rolldown/binding-darwin-x64": "1.0.3", + "@rolldown/binding-freebsd-x64": "1.0.3", + "@rolldown/binding-linux-arm-gnueabihf": "1.0.3", + "@rolldown/binding-linux-arm64-gnu": "1.0.3", + "@rolldown/binding-linux-arm64-musl": "1.0.3", + "@rolldown/binding-linux-ppc64-gnu": "1.0.3", + "@rolldown/binding-linux-s390x-gnu": "1.0.3", + "@rolldown/binding-linux-x64-gnu": "1.0.3", + "@rolldown/binding-linux-x64-musl": "1.0.3", + "@rolldown/binding-openharmony-arm64": "1.0.3", + "@rolldown/binding-wasm32-wasi": "1.0.3", + "@rolldown/binding-win32-arm64-msvc": "1.0.3", + "@rolldown/binding-win32-x64-msvc": "1.0.3" } }, "node_modules/rolldown/node_modules/@oxc-project/types": { - "version": "0.137.0", - "resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.137.0.tgz", - "integrity": "sha512-WT+Gb24i8hmvo85AIv2oEYouEXkRlKAlT9WaCa3TfLgNCN+GhrJOGZuIlMouAh38Qe4QOx26eUOVsq70qXrywA==", + "version": "0.133.0", + "resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.133.0.tgz", + "integrity": "sha512-KzkdCd6Uxqnf6l3HOw1xfatAlUURA0g14cvBYFyJ5SaNOQbOUvBr9PKArcPcrNIeRsBdgcUzOGrhKveVpvOIGA==", "dev": true, "license": "MIT", "peer": true, @@ -11190,9 +11317,9 @@ "license": "MIT" }, "node_modules/storybook": { - "version": "10.4.6", - "resolved": "https://registry.npmjs.org/storybook/-/storybook-10.4.6.tgz", - "integrity": "sha512-6wkA6LxfDSSilloITsrFOJfsnw0mDUP2h8Ls+lRt8oRsudtz2RWFhLv+Toiwg6NW7hUpdTDc2hzR7DztJid6+A==", + "version": "10.4.5", + "resolved": "https://registry.npmjs.org/storybook/-/storybook-10.4.5.tgz", + "integrity": "sha512-QZuv1gS9Tf9RMCjDw5JOfv1XSB5IhU0uhSKQNS7l/N9zDpmSydirCspkCNT9e0zkFfPkZ9vmQUTzHY/BA07saA==", "dev": true, "license": "MIT", "dependencies": { @@ -11203,7 +11330,7 @@ "@vitest/expect": "3.2.4", "@vitest/spy": "3.2.4", "@webcontainer/env": "^1.1.1", - "esbuild": "^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0 || ^0.23.0 || ^0.24.0 || ^0.25.0 || ^0.26.0 || ^0.27.0 || ^0.28.0", + "esbuild": "^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0 || ^0.23.0 || ^0.24.0 || ^0.25.0 || ^0.26.0 || ^0.27.0", "open": "^10.2.0", "oxc-parser": "^0.127.0", "oxc-resolver": "^11.19.1", @@ -12217,17 +12344,17 @@ } }, "node_modules/vite": { - "version": "8.1.1", - "resolved": "https://registry.npmjs.org/vite/-/vite-8.1.1.tgz", - "integrity": "sha512-X/05/cT+VITy2AeDc1der6smvGWWREtL4hPbPTaVbjSBuuWkmNOjR6HP3NzqcQA2nF6VHGUPaFRJyft/2AE9Kg==", + "version": "8.0.16", + "resolved": "https://registry.npmjs.org/vite/-/vite-8.0.16.tgz", + "integrity": "sha512-h9bXPmJichP5fLmVQo3PyaGSDE2n3aPuomeAlVRm0JLmt4rY6zmPKd59HYI4LNW8oTK7tlTsuC7l/m7awx9Jcw==", "dev": true, "license": "MIT", "peer": true, "dependencies": { "lightningcss": "^1.32.0", "picomatch": "^4.0.4", - "postcss": "^8.5.16", - "rolldown": "~1.1.3", + "postcss": "^8.5.15", + "rolldown": "1.0.3", "tinyglobby": "^0.2.17" }, "bin": { @@ -12244,7 +12371,7 @@ }, "peerDependencies": { "@types/node": "^20.19.0 || >=22.12.0", - "@vitejs/devtools": "^0.3.0", + "@vitejs/devtools": "^0.1.18", "esbuild": "^0.27.0 || ^0.28.0", "jiti": ">=1.21.0", "less": "^4.0.0", diff --git a/packages/canary-web-components/package.json b/packages/canary-web-components/package.json index 70265a8bc8d..e819ba44a58 100644 --- a/packages/canary-web-components/package.json +++ b/packages/canary-web-components/package.json @@ -38,7 +38,7 @@ }, "dependencies": { "@popperjs/core": "^2.11.2", - "@stencil/core": "4.26.0", + "@stencil/core": "4.43.5", "@ukic/web-components": "^3.29.0" }, "devDependencies": { diff --git a/packages/canary-web-components/stencil.config.ts b/packages/canary-web-components/stencil.config.ts index ac69d2303b7..80d0bd1a690 100644 --- a/packages/canary-web-components/stencil.config.ts +++ b/packages/canary-web-components/stencil.config.ts @@ -8,7 +8,7 @@ import { excludeComps } from "../web-components/comps-list"; // If timestamp is undefined, it deletes timestamp from the json doc instead of empty string interface StencilOverride extends Omit { - timestamp: string | undefined + timestamp: string | undefined; } export const config: Config = { @@ -53,7 +53,7 @@ export const config: Config = { type: "docs-custom", generator: (docs: StencilOverride) => { docs.timestamp = undefined; - } + }, }, ], testing: { @@ -81,5 +81,6 @@ export const config: Config = { ], extras: { experimentalImportInjection: true, + addGlobalStyleToComponents: false, }, }; From bc8bbdc7fc1cad517ac9205d9dc9e8c7e8445d61 Mon Sep 17 00:00:00 2001 From: oakenroot <294000604+oakenroot@users.noreply.github.com> Date: Thu, 25 Jun 2026 11:56:20 +0100 Subject: [PATCH 03/10] chore(web-components): update auto-generated files after stencil upgrade --- packages/web-components/src/components.d.ts | 2191 +++++++++++++++-- .../__snapshots__/ic-action-chip.spec.ts.snap | 30 +- .../ic-back-to-top.spec.tsx.snap | 36 +- .../__snapshots__/ic-badge.spec.tsx.snap | 84 +- .../ic-breadcrumb-group.spec.ts.snap | 46 +- .../__snapshots__/ic-breadcrumb.spec.ts.snap | 8 +- .../__snapshots__/ic-button.spec.ts.snap | 62 +- .../ic-card-horizontal.spec.ts.snap | 4 +- .../ic-checkbox-group.spec.ts.snap | 114 +- .../basic/__snapshots__/ic-chip.spec.ts.snap | 20 +- .../__snapshots__/ic-dialog.spec.ts.snap | 38 +- .../ic-footer-link-group.spec.ts.snap | 14 +- .../__snapshots__/ic-footer-link.spec.ts.snap | 4 +- .../ic-horizontal-scroll.spec.ts.snap | 48 +- .../ic-input-label.spec.tsx.snap | 10 +- .../basic/__snapshots__/ic-link.spec.ts.snap | 32 +- .../__snapshots__/ic-menu-group.spec.ts.snap | 12 +- .../__snapshots__/ic-menu-item.spec.ts.snap | 16 +- .../basic/__snapshots__/ic-menu.spec.tsx.snap | 26 +- .../ic-navigation-button.spec.ts.snap | 2 +- .../ic-navigation-group.spec.ts.snap | 10 +- .../ic-navigation-item.spec.ts.snap | 14 +- .../ic-navigation-menu.spec.ts.snap | 18 +- .../__snapshots__/ic-page-header.spec.ts.snap | 4 +- .../ic-popover-menu.spec.ts.snap | 40 +- .../__snapshots__/ic-radio-group.spec.ts.snap | 30 +- .../src/components/ic-search-bar/readme.md | 2 +- .../__snapshots__/ic-search-bar.spec.ts.snap | 64 +- .../__snapshots__/ic-select.spec.tsx.snap | 44 +- .../ic-side-navigation.spec.ts.snap | 24 +- .../__snapshots__/ic-skip-link.spec.ts.snap | 10 +- .../__snapshots__/ic-switch.spec.ts.snap | 24 +- .../__snapshots__/ic-tab-context.spec.ts.snap | 10 +- .../src/components/ic-text-field/readme.md | 76 +- .../ic-toggle-button-group.spec.ts.snap | 104 +- .../ic-toggle-button.spec.ts.snap | 14 +- .../__snapshots__/ic-tooltip.spec.ts.snap | 8 +- .../ic-top-navigation.spec.ts.snap | 2 +- 38 files changed, 2595 insertions(+), 700 deletions(-) diff --git a/packages/web-components/src/components.d.ts b/packages/web-components/src/components.d.ts index b09606fdbe6..3081e6971b2 100644 --- a/packages/web-components/src/components.d.ts +++ b/packages/web-components/src/components.d.ts @@ -73,18 +73,22 @@ export namespace Components { interface IcAccordion { /** * If `true`, the accordion will be disabled. + * @default false */ "disabled"?: boolean; /** * If `true`, the accordion appears expanded. + * @default false */ "expanded"?: boolean; /** * The section header outlining section content. + * @default "" */ "heading"?: string; /** * The main body message of the accordion. + * @default "" */ "message"?: string; /** @@ -93,24 +97,29 @@ export namespace Components { "setFocus": () => Promise; /** * The size of the accordion. + * @default "medium" */ "size"?: IcSizes; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; } interface IcAccordionGroup { /** * The accessible button label to provide more context to the 'See all/Hide all' button for screen reader users. + * @default "accordions" */ "accessibleButtonLabel"?: string; /** * If `true`, the accordion will load in an expanded state. + * @default false */ "expanded"?: boolean; /** * The header for the accordion group. + * @default "" */ "label"?: string; /** @@ -119,24 +128,29 @@ export namespace Components { "setFocus": () => Promise; /** * If `true`, only one accordion will open at a time. + * @default false */ "singleExpansion"?: boolean; /** * The size of the accordion. + * @default "medium" */ "size"?: IcSizes; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; } interface IcActionChip { /** * If `true`, the chip will appear disabled. + * @default false */ "disabled": boolean; /** * If `true`, the user can save the linked URL instead of navigating to it. + * @default false */ "download": string | boolean; /** @@ -177,6 +191,7 @@ export namespace Components { "label": string; /** * If `true`, the button will display as monochromatic in either `light` or `dark` theme. + * @default false */ "monochrome": boolean; /** @@ -193,6 +208,7 @@ export namespace Components { "setFocus": () => Promise; /** * The size of the chip. + * @default "medium" */ "size": IcSizes; /** @@ -201,36 +217,44 @@ export namespace Components { "target"?: string; /** * Sets the chip to the dark or light theme colors. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme": IcThemeMode; /** * If `true`, the outlined variant of chip will have a transparent background rather than the theme defined color. + * @default true */ "transparentBackground": boolean; /** * The type of the chip. + * @default "button" */ "type": IcButtonTypes; /** * The emphasis of the chip. + * @default "filled" */ "variant": IcEmphasisType; } interface IcAlert { /** * If `true`, the alert will have the 'alert' ARIA role and will be announced to screen readers. + * @default true */ "announced": boolean; /** * The text in the dismiss button tooltip. Makes the user aware of the action resulting from clicking the 'Dismiss' button. + * @default "Dismiss" */ "dismissLabel"?: string | undefined; /** * If `true`, the alert will have a close icon at the end to dismiss it. + * @default false */ "dismissible": boolean; /** * The optional title to display at the start of the alert. + * @default "" */ "heading": string; /** @@ -239,24 +263,29 @@ export namespace Components { "message"?: string; /** * If `true`, the default icon for the neutral variant will appear on the left of the alert. + * @default true */ "showDefaultIcon": boolean; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme": IcThemeMode; /** * If `true`, the title and message will appear above and below instead of inline. + * @default false */ "titleAbove": boolean; /** * The variant of the alert which will be rendered. + * @default "neutral" */ "variant": IcStatusVariants; } interface IcBackToTop { /** * The horizontal position of the element. + * @default "right" */ "position"?: IcBackToTopPositions; /** @@ -265,10 +294,12 @@ export namespace Components { "target": string; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; /** * The variant of the button to render + * @default "default" */ "variant"?: IcBackToTopVariants; } @@ -291,38 +322,48 @@ export namespace Components { "maxNumber"?: number; /** * The positioning of the badge in reference to the parent element. + * @default "far" */ "position"?: IcBadgePositions; /** * The size of the badge to be displayed. + * @default "medium" */ "size"?: IcSizes; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; /** * The type of badge to be displayed. + * @default "text" */ "type"?: IcBadgeTypes; /** * The variant of the badge to be displayed. + * @default "neutral" */ "variant"?: IcBadgeVariants; /** * If `true`, the badge will be displayed. + * @default true */ "visible"?: boolean; } interface IcBreadcrumb { /** * If `true`, aria-current will be set on the breadcrumb. + * @default false */ "current": boolean; /** * The URL that the breadcrumb link points to. */ "href"?: string; + /** + * @default false + */ "monochrome": boolean; /** * The title of the breadcrumb. @@ -332,60 +373,78 @@ export namespace Components { * Sets focus on the breadcrumb. */ "setFocus": () => Promise; + /** + * @default false + */ "showBackIcon": boolean; + /** + * @default "inherit" + */ "theme": IcThemeMode; } interface IcBreadcrumbGroup { /** * If `true`, display only a single breadcrumb for the parent page with a back icon. Requires at least two `ic-breadcrumb` children, as the displayed breadcrumb shows the title of the parent (second-to-last) page. + * @default false */ "backBreadcrumbOnly": boolean; /** * If `true`, all breadcrumbs between the first and last breadcrumb will be collapsed. + * @default false */ "collapsed": boolean; /** * If `true`, the breadcrumb group will display as black in the light theme, and white in the dark theme. + * @default false */ "monochrome": boolean; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme": IcThemeMode; } interface IcButton { /** * If `fileUpload` is set to `true`, this is the accepted list of file types. + * @default "*" */ "accept": string; "ariaControlsId"?: string | boolean; "ariaOwnsId"?: string | boolean; /** * If `true`, the ic-tooltip which is shown for icon variant will be disabled. Title or aria-label must be set if this prop is not applied. + * @default false */ "disableTooltip": boolean; /** * If `true`, the button will be in disabled state. + * @default false */ "disabled": boolean; /** * If `true`, the user can save the linked URL instead of navigating to it. + * @default false */ "download": string | boolean; /** * If `true`, the button will show a dropdown icon. + * @default false */ "dropdown": boolean; /** * If `true`, the aria-expanded value will be set to true. This is only applied if the dropdown prop is also true. + * @default false */ "dropdownExpanded": boolean; /** * The name of the control for the file input, which is submitted with the form data. + * @default `ic-button-file-upload-input-${buttonIds++}` */ "fileInputName": string; /** * If `true`, when the button is clicked the native file explorer will be launched. + * @default false */ "fileUpload": boolean; /** @@ -414,6 +473,7 @@ export namespace Components { "formtarget"?: string; /** * If `true`, the button will fill the width of the container. + * @default false */ "fullWidth": boolean; /** @@ -426,14 +486,17 @@ export namespace Components { "hreflang"?: string; /** * If `true`, the button will be in loading state. + * @default false */ "loading": boolean; /** * If `true`, the button will display as monochromatic in either `light` or `dark` theme. + * @default false */ "monochrome": boolean; /** * If `fileUpload` is set to `true`, this boolean determines whether multiple files are accepted. + * @default false */ "multiple": boolean; /** @@ -454,6 +517,7 @@ export namespace Components { "setFocus": () => Promise; /** * The size of the button to be displayed. + * @default "medium" */ "size": IcSizes; /** @@ -462,40 +526,49 @@ export namespace Components { "target"?: string; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme": IcThemeMode; /** * Setting to `true` can help in situations where tooltip content is clipped by a parent element. + * @default false */ "tooltipFixedPositioning": boolean; /** * The position of the tooltip in relation to the button. + * @default "bottom" */ "tooltipPlacement": IcButtonTooltipPlacement; /** * If `true`, the secondary & tertiary variants of button will have a transparent background when not hovered, pressed or loading. + * @default true */ "transparentBackground": boolean; /** * The type of the button. + * @default "button" */ "type": IcButtonTypes; /** * The variant of the button to be displayed. + * @default "primary" */ "variant": IcButtonVariants; } interface IcCardHorizontal { /** * If `true`, the horizontal card will be a clickable variant, instead of static. + * @default false */ "clickable": boolean; /** * The padding of the horizontal card. + * @default "default" */ "density": IcCardDensity; /** * If `true`, the horizontal card will be disabled if it is clickable. + * @default false */ "disabled": boolean; /** @@ -508,10 +581,12 @@ export namespace Components { "href"?: string | undefined; /** * The human language of the linked URL. + * @default "" */ "hreflang"?: string; /** * The main body message of the horizontal card. + * @default "" */ "message"?: string; /** @@ -528,6 +603,7 @@ export namespace Components { "setFocus": () => Promise; /** * The size of the horizontal card. + * @default "medium" */ "size": IcSizes; /** @@ -540,24 +616,29 @@ export namespace Components { "target"?: string; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; } interface IcCardVertical { /** * If `true`, the card will be a clickable variant, instead of static. + * @default false */ "clickable"?: boolean; /** * If `true`, the card will be disabled if it is clickable. + * @default false */ "disabled"?: boolean; /** * If `true`, the card will have an expandable area and expansion toggle button. + * @default false */ "expandable"?: boolean; /** * If `true`, the card will fill the width of the container. + * @default false */ "fullWidth"?: boolean; /** @@ -570,10 +651,12 @@ export namespace Components { "href"?: string; /** * The human language of the linked URL. + * @default "" */ "hreflang"?: string; /** * The main body message of the card. + * @default "" */ "message"?: string; /** @@ -598,24 +681,29 @@ export namespace Components { "target"?: string; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; } interface IcCheckbox { /** * The style of additionalField that will be displayed if used. + * @default "static" */ "additionalFieldDisplay": IcAdditionalFieldTypes; /** * If `true`, the checkbox will be set to the checked state. This is only the initial state and will be updated to unchecked if the checkbox is clicked. + * @default false */ "checked": boolean; /** * If `true`, the checkbox will be set to the disabled state. + * @default false */ "disabled": boolean; /** * The text to be displayed when dynamic. + * @default "This selection requires additional answers" */ "dynamicText": string; /** @@ -628,10 +716,12 @@ export namespace Components { "groupLabel"?: string; /** * If `true`, the label will be hidden and the required label value will be applied as an aria-label. + * @default false */ "hideLabel": boolean; /** * If `true`, the indeterminate state will be displayed when checked. + * @default false */ "indeterminate": boolean; /** @@ -644,6 +734,7 @@ export namespace Components { "name"?: string; /** * If `true`, the checkbox will behave like a native checkbox where the `indeterminate` prop sets the indeterminate visual styling, independent of the `checked` state. + * @default false */ "nativeIndeterminateBehaviour": boolean; /** @@ -656,24 +747,29 @@ export namespace Components { "size"?: IcSizes; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme": IcThemeMode; /** * The value for the checkbox. + * @default "" */ "value": string; } interface IcCheckboxGroup { /** * If `true`, the checkbox group will be set to the disabled state. + * @default false */ "disabled": boolean; /** * The helper text that will be displayed for additional field guidance. + * @default "" */ "helperText": string; /** * If `true`, the label will be hidden and the required label value will be applied as an aria-label. + * @default false */ "hideLabel": boolean; /** @@ -686,26 +782,32 @@ export namespace Components { "name": string; /** * If `true`, the checkbox group will require a value. + * @default false */ "required": boolean; /** * The size of the checkboxes to be displayed. This does not affect the font size of the label. + * @default "medium" */ "size": IcSizes; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme": IcThemeMode; /** * The value of the `aria-live` attribute on the validation message. + * @default "polite" */ "validationAriaLive": IcAriaLive; /** * The validation status - e.g. 'error' | 'warning' | 'success'. + * @default "" */ "validationStatus": IcInformationStatusOrEmpty; /** * The text to display as the validation message. + * @default "" */ "validationText": string; } @@ -716,18 +818,22 @@ export namespace Components { "customColor"?: IcColor; /** * If `true`, the chip will appear disabled. + * @default false */ "disabled": boolean; /** * The text in the dismiss button tooltip and aria label. Makes the user aware of the action resulting from clicking the 'Dismiss chip' button. + * @default "Dismiss" */ "dismissLabel": string; /** * If `true`, the chip will have a close button at the end to dismiss it. + * @default false */ "dismissible": boolean; /** * Specify whether the chip fills the full width of the container. If `true`, this overrides the --input-width CSS variable. + * @default false */ "fullWidth": boolean; /** @@ -740,44 +846,54 @@ export namespace Components { "setFocus": () => Promise; /** * The size of the chip. + * @default "medium" */ "size": IcSizes; /** * Sets the chip to the dark or light theme colors. "inherit" will set the color based on the system settings or ic-theme component. Setting the "customColor" prop will override this. + * @default "inherit" */ "theme": IcThemeMode; /** * If `true`, the outlined variant of chip will have a transparent background rather than the theme defined color. + * @default true */ "transparentBackground": boolean; /** * The emphasis of the chip. + * @default "filled" */ "variant": IcEmphasisType; } interface IcClassificationBanner { /** * The additional information that will be displayed after the classification. + * @default "" */ "additionalSelectors"?: string; /** * The classification level to be displayed - also determines the banner and text colour. + * @default "default" */ "classification"?: IcProtectiveMarkings; /** * The optional text that will be displayed before classification to specify relevant country/countries. + * @default "uk" */ "country"?: string; /** * The custom text that will appear on the banner. If set, the `additionalSelectors`, `country` and `upTo` props are ignored. + * @default "" */ "customClassificationText"?: string; /** * If `true`, the banner will appear inline with the page, instead of sticking to the bottom of the page. + * @default false */ "inline"?: boolean; /** * If `true`, "Up to" will be displayed before the classification and country. + * @default false */ "upTo"?: boolean; } @@ -788,10 +904,12 @@ export namespace Components { "heading"?: string; /** * The size of the data list component. + * @default "medium" */ "size"?: IcSizesNoLarge; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; } @@ -802,10 +920,12 @@ export namespace Components { "label"?: string; /** * The size of the data row component. + * @default "medium" */ "size"?: IcSizesNoLarge; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; /** @@ -820,6 +940,7 @@ export namespace Components { "cancelDialog": () => Promise; /** * If set to `false`, the dialog will not close when the backdrop is clicked. + * @default true */ "closeOnBackdropClick"?: boolean; /** @@ -828,18 +949,22 @@ export namespace Components { "confirmDialog": () => Promise; /** * If 'true', sets the 'primary' or rightmost button to the destructive variant. Stops initial focus being set on the 'primary' or rightmost default or slotted button. + * @default false */ "destructive"?: boolean; /** * If set to `true`, the content area max height and overflow properties are removed allowing the dialog to stretch below the fold. This prop also prevents popover elements from being cut off within the content area. + * @default false */ "disableHeightConstraint"?: boolean; /** * If set to `true`, the content area width property is removed, allowing content to take the full width of the dialog when using the large variant. + * @default false */ "disableWidthConstraint"?: boolean; /** * Sets the dismiss label tooltip and aria label. + * @default "Dismiss" */ "dismissLabel"?: string; /** @@ -848,10 +973,12 @@ export namespace Components { "heading"?: string; /** * If `true`, the close button will not be displayed. + * @default false */ "hideCloseButton"?: boolean; /** * If set to `true`, default button controls will not be shown, but slotted dialog controls will still be displayed. + * @default false */ "hideDefaultControls": boolean; /** @@ -860,20 +987,24 @@ export namespace Components { "label"?: string; /** * If `true`, the dialog will be displayed. + * @default false */ "open"?: boolean; /** * Sets the maximum and minimum height and width for the dialog. + * @default "small" */ "size"?: "small" | "medium" | "large"; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; } interface IcDivider { /** * The line style of the divider. + * @default "solid" */ "borderStyle"?: IcDividerStyles; /** @@ -882,28 +1013,34 @@ export namespace Components { "label"?: string; /** * The position the label is placed on the divider. `Left` and `right` placement is only applicable when orientation is set to `horizontal`. `Top` and `bottom` placement is only applicable when orientation is set to `vertical`. `Center` placement is applicable for both orientations. + * @default "center" */ "labelPlacement"?: IcDividerLabelPlacement; /** * If `true`, the divider will be displayed in a grey colour. + * @default false */ "monochrome"?: boolean; /** * The orientation of the divider. + * @default "horizontal" */ "orientation"?: IcOrientation; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode | IcBrandForeground; /** * The thickness of the divider. + * @default "thin" */ "weight"?: IcDividerWeights; } interface IcEmptyState { /** * The alignment of the empty state container. + * @default "left" */ "aligned"?: IcEmptyStateAlignment; /** @@ -916,6 +1053,7 @@ export namespace Components { "heading"?: string; /** * The size of the image or icon used in the image slot. + * @default "medium" */ "imageSize"?: IcSizes; /** @@ -928,16 +1066,19 @@ export namespace Components { "subheading"?: string; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; } interface IcFooter { /** * The alignment of the section containers used within the footer. + * @default "left" */ "aligned"?: IcAlignment; /** * The screen size breakpoint at which to switch to the small layout. + * @default "medium" */ "breakpoint"?: IcFooterBreakpoints; /** @@ -946,10 +1087,12 @@ export namespace Components { "caption"?: string; /** * If `true`, the footer will display the crown copyright at the bottom. + * @default true */ "copyright"?: boolean; /** * The text displayed for the copyright notice if `copyright` is `true`. + * @default "© Crown Copyright" */ "copyrightText"?: string; /** @@ -958,12 +1101,14 @@ export namespace Components { "description"?: string; /** * If `true`, the footer will be set up to handle link groups instead of standalone links. + * @default false */ "groupLinks"?: boolean; } interface IcFooterLink { /** * If `true`, the user can save the linked URL instead of navigating to it. + * @default false */ "download"?: string | boolean; /** @@ -996,6 +1141,7 @@ export namespace Components { interface IcHero { /** * The alignment of the hero. + * @default "left" */ "aligned"?: IcAlignment; /** @@ -1004,10 +1150,12 @@ export namespace Components { "backgroundImage"?: string; /** * The alignment of the hero content. + * @default "left" */ "contentAligned"?: IcHeroContentAlignments; /** * If `true`, the background image (if set) will not scroll using a parallax effect. + * @default false */ "disableBackgroundParallax"?: boolean; /** @@ -1024,6 +1172,7 @@ export namespace Components { "secondarySubheading"?: string; /** * The size of the hero component. + * @default "medium" */ "size"?: IcSizesNoLarge; /** @@ -1032,62 +1181,83 @@ export namespace Components { "subheading"?: string; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme": IcThemeMode; } interface IcHorizontalScroll { /** * The appearance of the horizontal scroll, e.g. dark, light or the default. + * @default "default" */ "appearance"?: IcBrandForeground; + /** + * @default "focus" + */ "focusTrigger"?: string; + /** + * @default false + */ "monochrome"?: boolean; "scrollItemIntoView": (itemPosition: number) => Promise; + /** + * @default "inherit" + */ "theme"?: IcThemeMode; } interface IcInputComponentContainer { /** * If `true`, the disabled state will be set. + * @default false */ "disabled"?: boolean; /** * If `true`, the input component container will fill the width of the container it is in. + * @default false */ "fullWidth"?: boolean; /** * If `true`, the input component container will allow for multiple lines. + * @default false */ "multiLine"?: boolean; /** * If `true`, the readonly state will be set. + * @default false */ "readonly"?: boolean; /** * The size of the input component container component. + * @default "medium" */ "size"?: IcSizes; /** * If `true`, the validation will display inline. + * @default false */ "validationInline"?: boolean; /** * The validation status of the input component container - e.g. 'error' | 'warning' | 'success'. + * @default "" */ "validationStatus"?: IcInformationStatusOrEmpty; } interface IcInputContainer { /** * If `true`, the disabled state will be set. + * @default false */ "disabled"?: boolean; /** * If `true`, the readonly state will be set. + * @default false */ "readonly"?: boolean; } interface IcInputLabel { /** * If `true`, the disabled state will be set. + * @default false */ "disabled"?: boolean; /** @@ -1096,10 +1266,12 @@ export namespace Components { "for"?: string; /** * The helper text that will be displayed. + * @default "" */ "helperText": string; /** * The label will be visually hidden. + * @default false */ "hideLabel": boolean; /** @@ -1108,21 +1280,28 @@ export namespace Components { "label": string; /** * If `true`, the readonly state will be set. + * @default false */ "readonly": boolean; /** * If `true`, the input label will require a value. + * @default false */ "required": boolean; /** * The status of the label - e.g. 'error'. + * @default "" */ "status": "error" | ""; + /** + * @default true + */ "useLabelTag": boolean; } interface IcInputValidation { /** * The ARIA live mode to apply to the message. + * @default "polite" */ "ariaLiveMode"?: IcAriaLive; /** @@ -1131,6 +1310,7 @@ export namespace Components { "for"?: string; /** * If `true`, the input validation will fill the width of the container. + * @default false */ "fullWidth"?: boolean; /** @@ -1139,12 +1319,14 @@ export namespace Components { "message"?: string; /** * The status of the validation - e.g. 'error' | 'warning' | 'success'. + * @default "" */ "status"?: IcInformationStatusOrEmpty; } interface IcLayoutGrid { /** * The alignment of the grid. + * @default "left" */ "aligned"?: IcAlignment; /** @@ -1153,58 +1335,71 @@ export namespace Components { "columns"?: IcGridBreakpoints; /** * The default column span for grid items. + * @default 1 */ "defaultColSpan"?: IcGridBreakpoints; /** * The default column width for grid items. This is used when the grid type is set to "fixed". + * @default "64px" */ "defaultColWidth"?: string; /** * The default row span for grid items. + * @default 1 */ "defaultRowSpan"?: number; /** * If `true`, the standard vertical padding from the grid will be removed. + * @default false */ "fullHeight"?: boolean; /** * The space between grid items, in multiples of the base spacing unit (`var(--ic-space-xs)`). + * @default 2 */ "gridSpacing"?: number; /** * The number of rows in the grid. + * @default 1 */ "rows"?: number; /** * The layout type of the grid. + * @default "fixed" */ "type": IcGridType; } interface IcLayoutGridItem { /** * The number of columns the grid item should span. + * @default 1 */ "colSpan"?: number; /** * The column the grid item should start at. + * @default 1 */ "colStart"?: number; /** * If `true`, the grid item will be hidden on smaller screens. + * @default false */ "hideInMobileMode"?: boolean; /** * The number of rows the grid item should span. + * @default 1 */ "rowSpan"?: number; /** * The row the grid item should start at. + * @default 1 */ "rowStart"?: number; } interface IcLink { /** * If `true`, the user can save the linked URL instead of navigating to it. If the value is a string, it will be used as the filename for the download. + * @default false */ "download"?: string | boolean; /** @@ -1217,6 +1412,7 @@ export namespace Components { "hreflang"?: string; /** * If `true`, the link will display as black in the light theme, and white in the dark theme. + * @default false */ "monochrome"?: boolean; /** @@ -1237,16 +1433,19 @@ export namespace Components { "target"?: string; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; } interface IcLoadingIndicator { /** * The description that will be set as the aria-label of the loading indicator when not using a visible label. + * @default "Loading" */ "description": string; /** * If `true`, when linear, the full-width variant (i.e. without a border radius) will be displayed. + * @default false */ "fullWidth": boolean; "innerLabel"?: number; @@ -1256,18 +1455,22 @@ export namespace Components { "label"?: string | string[]; /** * The time in milliseconds before the label changes. + * @default 8000 */ "labelDuration": number; /** * The maximum value that the progress value can take. Used to calculate the proportional width of the progress bar. + * @default 100 */ "max": number; /** * The minimum value that the progress value can take. Used to calculate the proportional width of the progress bar. + * @default 0 */ "min": number; /** * If `true`, the element will display as black and white. + * @default false */ "monochrome": boolean; /** @@ -1276,34 +1479,46 @@ export namespace Components { "progress"?: number; /** * The size of the loading indicator. + * @default "medium" */ "size": IcLoadingSizes; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme": IcThemeMode; /** * The type of indicator, either linear or circular. When size is set to 'icon' the type will be set to circular. + * @default "circular" */ "type": IcLoadingTypes; } interface IcMenu { /** * Determines whether options manually set as values (by pressing 'Enter') when they receive focus using keyboard navigation. + * @default "automatic" */ "activationType": IcActivationTypes; + /** + * @default true + */ "allowMenuFocus": boolean; /** * The reference to an anchor element the menu will position itself from when rendered. */ "anchorEl"?: HTMLElement; + /** + * @default true + */ "autofocusOnSelected": boolean; /** * If `true`, the menu will close when an option is selected. + * @default true */ "closeOnSelect": boolean; /** * If `true`, the menu will fill the width of the container. + * @default false */ "fullWidth": boolean; "handleClickOpen": () => Promise; @@ -1329,12 +1544,16 @@ export namespace Components { "inputLabel": string; /** * The custom name for the label field for IcMenuOption. + * @default "label" */ "labelField": string; /** * The ID of the menu. */ "menuId": string; + /** + * @default false + */ "multiSelect": boolean; /** * If `true`, the menu will be displayed open. @@ -1345,12 +1564,22 @@ export namespace Components { */ "options": IcMenuOption[]; "parentEl"?: HTMLElement; + /** + * @default false + */ "searchBar": boolean; /** * Specify the mode search bar uses to search. `navigation` allows for quick lookups of a set of values, `query` allows for more general searches. + * @default "navigation" */ "searchMode": IcSearchBarSearchModes; + /** + * @default false + */ "searchableSelect": boolean; + /** + * @default false + */ "selectOnEnter": boolean; /** * @param props object - createPopper props set externally @@ -1358,6 +1587,7 @@ export namespace Components { "setExternalPopperProps": >(props: T) => Promise; /** * The size of the menu. + * @default "medium" */ "size": IcSizes; /** @@ -1366,6 +1596,7 @@ export namespace Components { "value": string | string[]; /** * The custom name for the value field for IcMenuOption. + * @default "value" */ "valueField": string; } @@ -1378,6 +1609,7 @@ export namespace Components { interface IcMenuItem { /** * If `true`, the menu item will be in a checked state. This is only applicable when variant is set to `toggle`. + * @default false */ "checked"?: boolean; /** @@ -1390,6 +1622,7 @@ export namespace Components { "description"?: string; /** * If `true`, the menu item will be in disabled state. + * @default false */ "disabled"?: boolean; /** @@ -1426,12 +1659,14 @@ export namespace Components { "target"?: string; /** * The variant of the menu item. + * @default "default" */ "variant"?: IcMenuItemVariants; } interface IcNavigationButton { /** * If `true`, the user can save the linked URL instead of navigating to it. + * @default false */ "download": string | boolean; /** @@ -1464,16 +1699,19 @@ export namespace Components { "target"?: string; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme": IcThemeMode; } interface IcNavigationGroup { /** * If `true`, the group will be expandable when in an ic-side-navigation component, or, when in an ic-top-navigation component, in the side menu displayed at small screen sizes. + * @default false */ "expandable": boolean; /** * If `true`, the expandable group will be expanded by default when in an ic-side-navigation component. To enable this prop, `expandable` must also be set to `true`. + * @default true */ "expanded": boolean; /** @@ -1486,19 +1724,31 @@ export namespace Components { "setFocus": () => Promise; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme": IcThemeMode; } interface IcNavigationItem { + /** + * @default false + */ "collapsedIconLabel": boolean; + /** + * @default false + */ "displayNavigationTooltip": boolean; /** * If `true`, the user can save the linked URL instead of navigating to it. + * @default false */ "download": string | boolean; + /** + * @default false + */ "expandable": boolean; /** * The destination of the navigation item. + * @default "" */ "href": string; /** @@ -1519,6 +1769,7 @@ export namespace Components { "rel"?: string; /** * If `true`, the navigation item will be set in a selected state. + * @default false */ "selected": boolean; /** @@ -1531,30 +1782,36 @@ export namespace Components { "target"?: string; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme": IcThemeMode; } interface IcNavigationMenu { /** * The status info to display. + * @default "" */ "status"?: string; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; /** * The version info to display. + * @default "" */ "version"?: string; } interface IcPageHeader { /** * The alignment of the page header. + * @default "left" */ "aligned"?: IcAlignment; /** * If `true`, a border will be displayed along the bottom of the page header. + * @default true */ "border"?: boolean; /** @@ -1563,18 +1820,22 @@ export namespace Components { "heading"?: string; /** * If `true`, the reading pattern and tab order will change in the action area for viewport widths of above 576px and when actions have not wrapped. + * @default false */ "reverseOrder"?: boolean; /** * The size of the page header component. + * @default "medium" */ "size"?: IcSizesNoLarge; /** * If `true`, the page header will be sticky at all breakpoints. + * @default false */ "sticky"?: boolean; /** * If `true`, the page header will only be sticky for viewport widths of 992px and above. + * @default false */ "stickyDesktopOnly"?: boolean; /** @@ -1583,48 +1844,59 @@ export namespace Components { "subheading"?: string; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; } interface IcPagination { /** * The accessible label of the pagination component to provide context for screen reader users. + * @default "Pagination Navigation" */ "accessibleLabel"?: string; /** * The number of pages displayed adjacent to the current page when using 'complex' type pagination. Accepted values are 0, 1 & 2. + * @default 1 */ "adjacentPageCount"?: number; /** * The number of pages displayed as boundary items to the current page when using 'complex' type pagination. Accepted values are 0, 1 & 2. + * @default 1 */ "boundaryPageCount"?: number; /** * The current page displayed by the pagination. + * @default this.defaultPage */ "currentPage"?: number; /** * The default page to display. + * @default 1 */ "defaultPage"?: number; /** * If `true`, the pagination will not allow interaction. + * @default false */ "disabled"?: boolean; /** * If `true`, the current page of the simple pagination will not be displayed. + * @default false */ "hideCurrentPage"?: boolean; /** * If `true`, the first and last page buttons will not be displayed. + * @default false */ "hideFirstAndLastPageButton"?: boolean; /** * The label for the pagination item (applicable when simple pagination is being used). + * @default "Page" */ "label"?: string; /** * If `true`, the pagination will display as black in the light theme, and white in dark theme. + * @default false */ "monochrome"?: boolean; /** @@ -1638,44 +1910,54 @@ export namespace Components { "setCurrentPage": (page: number) => Promise; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; /** * The type of pagination to be used. + * @default "simple" */ "type"?: IcPaginationTypes; } interface IcPaginationBar { /** * The accessible label passed down to the pagination component to provide context for screen reader users. + * @default "Pagination Navigation" */ "accessibleLabel"?: string; /** * Sets the alignment of the items in the pagination bar. + * @default "right" */ "alignment"?: IcPaginationAlignmentOptions; /** * The current page number to be displayed on the pagination bar. + * @default 1 */ "currentPage"?: number; /** * If `true`, the 'All' option will be hidden from the 'items per page' select input. + * @default false */ "hideAllFromItemsPerPage"?: boolean; /** * If `true`, the current page of the simple pagination will not be displayed. + * @default false */ "hideCurrentPage"?: boolean; /** * If `true`, the first and last page buttons will not be displayed. + * @default false */ "hideFirstAndLastPageButton"?: boolean; /** * If `true`, the number of total items and current item range or number of total pages and current page will be hidden. + * @default false */ "hideRangeLabel"?: boolean; /** * The text which will be used in place of 'Item' on the pagination bar. + * @default "Item" */ "itemLabel"?: string; /** @@ -1687,18 +1969,22 @@ export namespace Components { }[]; /** * If `true`, the pagination bar will display as black in the light theme, and white in dark theme. + * @default false */ "monochrome"?: boolean; /** * The text which will be used in place of 'Page' on the pagination bar. + * @default "Page" */ "pageLabel"?: string; /** * Whether total number of items and current item range or total number of pages and current page is displayed. + * @default "page" */ "rangeLabelType"?: IcPaginationLabelTypes; /** * If `false`, the value in the items per page control will be set immediately on ArrowUp and ArrowDown instead of when Enter is pressed. + * @default true */ "selectItemsPerPageOnEnter": boolean; /** @@ -1707,18 +1993,22 @@ export namespace Components { "selectedItemsPerPage"?: number; /** * If `true`, the pagination bar is set to the first page when the 'items per page' changes + * @default false */ "setToFirstPageOnPaginationChange"?: boolean; /** * If `true`, the 'go to page' control should be displayed. + * @default false */ "showGoToPageControl"?: boolean; /** * If `true`, the select input to control 'items per page' should be displayed. + * @default false */ "showItemsPerPageControl"?: boolean; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; /** @@ -1727,20 +2017,24 @@ export namespace Components { "totalItems": number; /** * Whether the displayed pagination is simple or complex. + * @default "simple" */ "type"?: IcPaginationTypes; } interface IcPaginationItem { /** * If `true`, the pagination item will be disabled. + * @default false */ "disabled"?: boolean; /** * The label for the pagination item (applicable when simple pagination is being used). + * @default "Page" */ "label"?: string; /** * If `true`, the pagination item will display as black in the light theme, and white in dark theme. + * @default false */ "monochrome"?: boolean; /** @@ -1749,10 +2043,12 @@ export namespace Components { "page"?: number; /** * If `true`, the pagination item will be selected. + * @default false */ "selected": boolean; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; /** @@ -1775,10 +2071,12 @@ export namespace Components { "closeOnItemSelect": "always" | "toggle" | "never"; /** * Setting to `true` can help in situations where tooltip content is clipped by a parent element. + * @default false */ "fixedPositioning": boolean; /** * If `true`, the popover menu will be displayed. + * @default undefined */ "open"?: boolean | undefined; "openFromChild": () => Promise; @@ -1793,15 +2091,20 @@ export namespace Components { * The unique identifier for a popover submenu. */ "submenuId"?: string; + /** + * @default 1 + */ "submenuLevel"?: number; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; } interface IcRadioGroup { /** * If `true`, the disabled state will be set. + * @default false */ "disabled"?: boolean; /** @@ -1810,6 +2113,7 @@ export namespace Components { "helperText"?: string; /** * If `true`, the label will be hidden and the required label value will be applied as an aria-label. + * @default false */ "hideLabel"?: boolean; /** @@ -1822,44 +2126,54 @@ export namespace Components { "name": string; /** * The orientation of the radio buttons in the radio group. If there are more than two radio buttons in a radio group or either of the radio buttons use the `additional-field` slot, then the orientation will always be vertical. + * @default "vertical" */ "orientation"?: IcOrientation; /** * If `true`, the radio group will require a value. + * @default false */ "required"?: boolean; /** * The size of the radio group component. + * @default "medium" */ "size"?: IcSizes; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; /** * The value of the `aria-live` attribute on the validation message. + * @default "polite" */ "validationAriaLive": IcAriaLive; /** * The validation status - e.g. 'error' | 'warning' | 'success'. + * @default "" */ "validationStatus"?: IcInformationStatusOrEmpty; /** * The text to display as the validation message. + * @default "" */ "validationText": string; } interface IcRadioOption { /** * The style of additionalField that will be displayed if used. + * @default "static" */ "additionalFieldDisplay"?: IcAdditionalFieldTypes; /** * If `true`, the disabled state will be set. + * @default false */ "disabled"?: boolean; /** * The text to be displayed when dynamic. + * @default "This selection requires additional answers" */ "dynamicText"?: string; /** @@ -1880,6 +2194,7 @@ export namespace Components { "name"?: string; /** * If `true`, the radio option will be displayed in a selected state. + * @default false */ "selected"?: boolean; /** @@ -1889,6 +2204,7 @@ export namespace Components { "setTabIndex": (value: number) => Promise; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; /** @@ -1899,58 +2215,72 @@ export namespace Components { interface IcSearchBar { /** * The hint text for the hidden assistive description element. + * @default "When autocomplete results are available use the up and down arrows to choose and press enter to select" */ "assistiveHintText": string; /** * The automatic capitalisation of the text value as it is entered/edited by the user. Available options: "off", "none", "on", "sentences", "words", "characters". + * @default "off" */ "autocapitalize": string; /** * The state of autocompletion the browser can apply on the text value. + * @default "off" */ "autocomplete": IcAutocompleteTypes; /** * The state of autocorrection the browser can apply when the user is entering/editing the text value. + * @default "off" */ "autocorrect": IcAutocorrectStates; /** * If `true`, the form control will have input focus when the page loads. + * @default false */ "autofocus": boolean; /** * The number of characters until suggestions appear. The submit button will be disabled until the inputted value is equal to or greater than this number. + * @default 2 */ "charactersUntilSuggestion": number; /** * The amount of time, in milliseconds, to wait to trigger the `icChange` event after each keystroke. + * @default 0 */ "debounce": number; /** * Specify whether to disable the built in filtering. For example, if options will already be filtered from external source. If `true`, all options provided will be displayed. + * @default false */ "disableAutoFiltering": boolean; /** * If `true`, the disabled state will be set. + * @default false */ "disabled": boolean; /** * The text displayed when there are no options in the option list. + * @default "No results found" */ "emptyOptionListText": string; /** * If `true`, the search bar will be focused when component loaded. + * @default false */ "focusOnLoad": boolean; /** * Specify whether the search bar fills the full width of the container. If `true`, this overrides the --input-width CSS variable. + * @default false */ "fullWidth": boolean; /** * The helper text that will be displayed for additional field guidance. + * @default "" */ "helperText": string; /** * If `true`, the label will be hidden and the required label value will be applied as an aria-label. + * @default false */ "hideLabel": boolean; /** @@ -1959,46 +2289,57 @@ export namespace Components { "label": string; /** * The custom name for the label field to correspond with the IcMenuOption type. + * @default "label" */ "labelField": string; /** * Trigger loading state when fetching options asynchronously + * @default false */ "loading": boolean; /** * Change the message displayed when external loading times out. + * @default "Loading Error" */ "loadingErrorLabel": string; /** * Change the message displayed whilst the options are being loaded externally. + * @default "Loading..." */ "loadingLabel": string; /** * The name of the control, which is submitted with the form data. + * @default this.inputId */ "name": string; /** * The suggested search options. + * @default [] */ "options": IcMenuOption[]; /** * The placeholder value to display. + * @default "Search" */ "placeholder": string; /** * If `true` the parent form will not submit when the icSubmitSearch event fires. + * @default false */ "preventFormSubmitOnSearch": boolean; /** * If `true`, the readonly state will be set. + * @default false */ "readonly": boolean; /** * If `true`, the search bar will require a value. + * @default false */ "required": boolean; /** * Specify the mode search bar uses to search. `navigation` allows for quick lookups of a set of values, `query` allows for more general searches. + * @default "navigation" */ "searchMode": IcSearchBarSearchModes; /** @@ -2007,14 +2348,17 @@ export namespace Components { "setFocus": () => Promise; /** * The size of the search bar component. + * @default "medium" */ "size": IcSizesNoLarge; /** * If `true`, the value of the search will have its spelling and grammar checked. + * @default false */ "spellcheck": boolean; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme": IcThemeMode; /** @@ -2023,38 +2367,46 @@ export namespace Components { "timeout"?: number; /** * The value of the search input. + * @default "" */ "value": string; /** * The custom name for the value field to correspond with the IcMenuOption type. + * @default "value" */ "valueField": string; } interface IcSectionContainer { /** * The alignment of the container. + * @default "left" */ "aligned"?: IcAlignment; /** * If `true`, the standard vertical padding from the container will be removed. + * @default false */ "fullHeight"?: boolean; } interface IcSelect { /** * The amount of time, in milliseconds, to wait to trigger the `icInput` event after each keystroke. + * @default 0 */ "debounce": number; /** * If `true`, the built in filtering will be disabled for a searchable variant. For example, if options will already be filtered from external source. + * @default false */ "disableAutoFiltering": boolean; /** * If `true`, the disabled state will be set. + * @default false */ "disabled": boolean; /** * The text displayed when there are no options in the option list. + * @default "No results found" */ "emptyOptionListText": string; /** @@ -2063,22 +2415,27 @@ export namespace Components { "form"?: string; /** * If `true`, the select will fill the width of the container. + * @default false */ "fullWidth": boolean; /** * The helper text that will be displayed for additional field guidance. + * @default "" */ "helperText": string; /** * If `true`, the label will be hidden and the required label value will be applied as an aria-label. + * @default false */ "hideLabel": boolean; /** * If `true`, descriptions of options will be included when filtering options in a searchable select. Only applies to built in filtering. + * @default false */ "includeDescriptionsInSearch": boolean; /** * If `true`, group titles of grouped options will be included when filtering options in a searchable select. Only applies to built in filtering. + * @default false */ "includeGroupTitlesInSearch": boolean; /** @@ -2087,50 +2444,62 @@ export namespace Components { "label": string; /** * If `true`, the loading state will be triggered when fetching options asynchronously. + * @default false */ "loading": boolean; /** * The message displayed when external loading times out. + * @default "Loading Error" */ "loadingErrorLabel": string; /** * The message displayed whilst the options are being loaded externally. + * @default "Loading..." */ "loadingLabel": string; /** * If `true`, multiple options can be selected. + * @default false */ "multiple": boolean; /** * The name of the control, which is submitted with the form data. + * @default this.inputId */ "name": string; /** * The possible selection options. + * @default [] */ "options": IcSelectOption[]; /** * The placeholder value to be displayed. + * @default "Select an option" */ "placeholder": string; /** * If `true`, the readonly state will be set. + * @default false */ "readonly": boolean; /** * If `true`, the select will require a value. + * @default false */ "required": boolean; /** * Whether the search string of the searchable select should match the start of or anywhere in the options. Only applies to built in filtering. + * @default "anywhere" */ "searchMatchPosition": IcSearchMatchPositions; /** * If `true`, a searchable variant of the select will be displayed which can be typed in to filter options. This functionality is only available on the single-select variant of the select component. + * @default false */ "searchable": boolean; /** * If `true`, the icOptionSelect event will be fired on enter instead of ArrowUp and ArrowDown on the single select. + * @default false */ "selectOnEnter": boolean; /** @@ -2139,14 +2508,17 @@ export namespace Components { "setFocus": () => Promise; /** * If `true`, a button which clears the select input when clicked will be displayed. The button will always appear on the searchable select. + * @default false */ "showClearButton": boolean; /** * The size of the select. + * @default "medium" */ "size": IcSizes; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme": IcThemeMode; /** @@ -2155,22 +2527,27 @@ export namespace Components { "timeout"?: number; /** * If `true` and on a mobile or tablet device, the native select element will be used instead of the custom select component for better usability. + * @default true */ "useNativeSelectOnMobile": boolean; /** * The value of the `aria-live` attribute on the validation message. + * @default "polite" */ "validationAriaLive": IcAriaLive; /** * The validation status - e.g. 'error' | 'warning' | 'success'. + * @default "" */ "validationStatus": IcInformationStatusOrEmpty; /** * The text to display as the validation message. + * @default "" */ "validationText": string; /** * The value of the select, reflected by the value of the currently selected option. For the searchable variant, the value is also reflected by the user input. For the multi-select variant, the value must be an array of option values. + * @default null */ "value": string | string[] | null; } @@ -2181,35 +2558,46 @@ export namespace Components { "appTitle"?: string; /** * If `true`, the side navigation will close when a navigation item is clicked. This behaviour is only applicable on larger device sizes. + * @default false */ "closeOnNavItemClick"?: boolean; /** * If `true`, the icon and label will appear when side navigation is collapsed. + * @default false */ "collapsedIconLabels"?: boolean; /** * If `true`, automatic parent wrapper styling will be disabled. + * @default false */ "disableAutoParentStyling"?: boolean; /** * If `true`, the side navigation will not display as a top bar on small devices. + * @default false */ "disableTopBarBehaviour"?: boolean; /** * If `true`, the side navigation will display in an expanded state. + * @default false */ "expanded"?: boolean; /** * The URL that the app title link points to. + * @default "/" */ "href"?: string; + /** + * @default false + */ "inline"?: boolean; /** * The short title of the app to be displayed at small screen sizes in place of the app title. + * @default "" */ "shortAppTitle"?: string; /** * If `true`, the menu expand button will be removed (PLEASE NOTE: This takes effect on screen sizes 992px and above). + * @default false */ "static"?: boolean; /** @@ -2228,10 +2616,12 @@ export namespace Components { "height"?: string; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; /** * The variant of the skeleton that will be displayed. + * @default "rectangle" */ "variant"?: IcSkeletonVariants; /** @@ -2242,18 +2632,22 @@ export namespace Components { interface IcSkipLink { /** * If `true`, the skip link will fill the width of the page. + * @default false */ "fullWidth": boolean; /** * If `true`, the skip link will appear inline with surrounding page content when focused. + * @default false */ "inline": boolean; /** * The label displayed when the skip link is focused. + * @default "Skip to main content" */ "label": string; /** * If `true`, the skip link will display as black in the light theme, and white in the dark theme. + * @default false */ "monochrome": boolean; /** @@ -2266,16 +2660,19 @@ export namespace Components { "target": string; /** * Sets the theme color to the dark or light theme color. `inherit` will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme": IcThemeMode; /** * If `true`, the background will be hidden. + * @default false */ "transparentBackground": boolean; } interface IcStatusTag { /** * If `true`, role='status' is added to the component and it will act as an 'aria-live' region. Screen readers will announce changes to the `label`, but not the initial value. + * @default false */ "announced"?: boolean; /** @@ -2284,27 +2681,35 @@ export namespace Components { "label": string; /** * The size of the status tag component. + * @default "medium" */ "size"?: IcSizes; /** * The colour of the status tag. + * @default "neutral" */ "status"?: IcStatusTagStatuses; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: "dark" | "light" | "inherit"; /** * The letter case of the status tag's label. + * @default true */ "uppercase"?: boolean; /** * The emphasis of the status tag. + * @default "filled" */ "variant"?: IcEmphasisType; } interface IcStep { "compactStepStyling"?: IcStepTypes; + /** + * @default false + */ "current"?: boolean; /** * The title of the step within the stepper. @@ -2312,6 +2717,7 @@ export namespace Components { "heading"?: string; /** * Words within the component that can be replaced to translate the component into a different language + * @default { next: "Next", step: "Step", steps: "Steps", of: "of", lastStep: "Last step", completed: "Completed", notRequired: "Not required", required: "Required", optional: "Optional", } */ "icI18n": IcStepI18n; "lastStep": boolean; @@ -2327,9 +2733,13 @@ export namespace Components { * Additional information about the step. Use this prop to override the default step status messaging displayed when selecting a step type or step status. */ "subheading"?: string; + /** + * @default "inherit" + */ "theme"?: IcThemeMode; /** * The state of the step within the stepper. + * @default "active" */ "type"?: IcStepTypes; "variant": IcStepVariants; @@ -2337,44 +2747,54 @@ export namespace Components { interface IcStepper { /** * The alignment of the default stepper within its container. + * @default "full-width" */ "aligned"?: IcStepperAlignment; /** * The length of the connector between each step in pixels. Minimum length is 100px. + * @default 100 */ "connectorWidth"?: number; /** * If `true`, the information about each step, i.e. step title, step subtitle and step status, will be hidden on all default steps. The information about each step will still be visible in the compact variant of the stepper. + * @default false */ "hideStepInfo"?: boolean; /** * Provide alternative values for text in all child steps. For the purpose of translating the application into other languages. + * @default { next: "Next", step: "Step", steps: "Steps", of: "of", lastStep: "Last step", completed: "Completed", notRequired: "Not required", required: "Required", optional: "Optional", } */ "icI18n"?: IcStepI18n; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; /** * The variant of the stepper. + * @default "default" */ "variant"?: IcStepVariants; } interface IcSwitch { /** * If `true`, the switch will display as checked. + * @default false */ "checked"?: boolean; /** * If `true`, the disabled state will be set. + * @default false */ "disabled"?: boolean; /** * The helper text that will be displayed for additional field guidance. + * @default "" */ "helperText"?: string; /** * If `true`, the label will be hidden and the required label value will be applied as an aria-label. + * @default false */ "hideLabel"?: boolean; /** @@ -2383,6 +2803,7 @@ export namespace Components { "label": string; /** * The name of the control, which is submitted with the form data. + * @default this.inputId */ "name"?: string; /** @@ -2391,24 +2812,37 @@ export namespace Components { "setFocus": () => Promise; /** * The size of the switch component. + * @default "medium" */ "size"?: IcSizes; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; /** * The value of the toggle does not mean if it's checked or not, use the `checked` property for that. The value of a toggle is analogous to the value of a ``, it's only used when the toggle participates in a native `
`. + * @default "on" */ "value"?: string | null; } interface IcTab { + /** + * @default "default" + */ "contextId"?: string; /** * If `true`, the disabled state will be set. + * @default false */ "disabled"?: boolean; + /** + * @default false + */ "monochrome"?: boolean; + /** + * @default false + */ "selected"?: boolean; /** * Sets focus on the tab. @@ -2416,19 +2850,25 @@ export namespace Components { "setFocus": () => Promise; "tabId": string; "tabPosition": number; + /** + * @default "inherit" + */ "theme"?: IcThemeMode; } interface IcTabContext { /** * Determines whether tabs have to be manually activated (by pressing 'Enter' or 'Space') when they receive focus using keyboard navigation. + * @default "automatic" */ "activationType"?: IcActivationTypes; /** * The unique context needed if using multiple tabs inside one another i.e. rendering another set of tabs inside a tab panel. + * @default "default" */ "contextId"?: string; /** * If `true`, the tabs will display as black in the light theme. + * @default false */ "monochrome"?: boolean; /** @@ -2442,27 +2882,44 @@ export namespace Components { "tabRemovedHandler": (hadFocus?: boolean) => Promise; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; } interface IcTabGroup { /** * If `true`, the tabs and tab panels will be positioned separately. + * @default false */ "inline"?: boolean; /** * The label to describe the purpose of the set of tabs to screen reader users. */ "label": string; + /** + * @default false + */ "monochrome"?: boolean; + /** + * @default "inherit" + */ "theme"?: IcThemeMode; } interface IcTabPanel { + /** + * @default false + */ "active": boolean; + /** + * @default false + */ "monochrome"?: boolean; "panelId"?: string; "selectedTab"?: string; "tabPosition"?: number; + /** + * @default "inherit" + */ "theme"?: IcThemeMode; } interface IcTextField { @@ -2472,51 +2929,66 @@ export namespace Components { "ariaOwns"?: string; /** * The automatic capitalisation of the text value as it is entered/edited by the user. Available options: "off", "none", "on", "sentences", "words", "characters". + * @default "off" */ "autocapitalize": string; /** * The state of autocompletion the browser can apply on the text value. + * @default "off" */ "autocomplete"?: IcAutocompleteTypes; /** * The state of autocorrection the browser can apply when the user is entering/editing the text value. + * @default "off" */ "autocorrect"?: IcAutocorrectStates; /** * If `true`, the form control will have input focus when the page loads. + * @default false */ "autofocus": boolean; /** * The amount of time, in milliseconds, to wait to trigger the `icChange` event after each keystroke. + * @default 0 */ "debounce": number; /** * If `true`, the disabled state will be set. + * @default false */ "disabled": boolean; /** * Specify whether the text field fills the full width of the container. If `true`, this overrides the --input-width CSS variable. + * @default false */ "fullWidth": boolean; /** * The helper text that will be displayed for additional field guidance. + * @default "" */ "helperText": string; + /** + * @default true + */ "hiddenInput": boolean; /** * If `true`, the character count which is displayed when `maxCharacters` is set will be visually hidden. + * @default false */ "hideCharCount": boolean; /** * If `true`, the label will be hidden and the required label value will be applied as an aria-label. + * @default false */ "hideLabel": boolean; /** * The ID for the input. + * @default `ic-text-field-input-${inputIds++}` */ "inputId": string; /** * A hint to the browser for which keyboard to display. Possible values: `"none"`, `"text"`, `"tel"`, `"url"`, `"email"`, `"numeric"`, `"decimal"`, and `"search"`. + * @default "text" */ "inputmode": IcTextFieldInputModes; /** @@ -2529,14 +3001,17 @@ export namespace Components { "max"?: string | number; /** * The count of characters in the field. Will display a warning if the bound is reached. (NOTE: If the value of the text field has been set using the `value` prop, it will be truncated to this number of characters) + * @default 0 */ "maxCharacters": number; /** * The text to display as the warning message when the maximum number of characters (the `maxCharacters` prop value) is reached. + * @default `Maximum input is ${this.maxCharacters} characters` */ "maxCharactersMessage": string; /** * The text to display as the error message when the maximum value (the `max` prop value) has been exceeded. + * @default `Maximum value of ${this.max} exceeded` */ "maxMessage": string; /** @@ -2545,39 +3020,48 @@ export namespace Components { "min"?: string | number; /** * The minimum number of characters that can be entered in the field. + * @default 0 */ "minCharacters": number; /** * The text to display as the error message when the minimum number of characters (the `minCharacters` prop value) has not been met. + * @default `Minimum input is ${this.minCharacters} characters` */ "minCharactersMessage": string; /** * The text to display as the error message when the minimum value (the `min` prop value) has not been met. + * @default `Minimum value of ${this.min} not met` */ "minMessage": string; /** * The name of the control, which is submitted with the form data. + * @default this.inputId */ "name": string; /** * The placeholder value to be displayed. + * @default "" */ "placeholder": string; /** * If `true`, the read only state will be set. + * @default false */ "readonly": boolean; /** * If `true`, the input will require a value. + * @default false */ "required": boolean; /** * If `true`, the multiline text area will be resizeable. + * @default false */ "resize": boolean; "role": string | null; /** * The number of rows to transform the text field into a text area with a specific height. + * @default 1 */ "rows": number; /** @@ -2586,64 +3070,84 @@ export namespace Components { "setFocus": () => Promise; /** * The size of the text field component. + * @default "medium" */ "size": IcSizesNoLarge; /** * If `true`, the value of the text field will have its spelling and grammar checked. + * @default false */ "spellcheck": boolean; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme": IcThemeMode; + /** + * @default false + */ "truncateValue": boolean; /** * The type of control to display. The default type is text. + * @default "text" */ "type": IcTextFieldTypes; /** * The value of the `aria-live` attribute on the validation message. When set to "default", the `aria-live` value will be handled automatically, e.g. "assertive" for `validation-status="error"`. + * @default "default" */ "validationAriaLive": IcValidationAriaLive; /** * If `true`, the icon in input control will be displayed - only applies when validationStatus ='success'. + * @default false */ "validationInline": boolean; + /** + * @default false + */ "validationInlineInternal": boolean; /** * The validation state - e.g. 'error' | 'warning' | 'success'. + * @default "" */ "validationStatus": IcInformationStatusOrEmpty; /** * The text to display as the validation message. + * @default "" */ "validationText": string; /** * The value of the text field. + * @default "" */ "value": string; } interface IcTheme { /** * The brand colour. Can be a hex value e.g. "#ff0000", RGB e.g. "rgb(255, 0, 0)", or RGBA e.g. "rgba(255, 0, 0, 1)". + * @default null */ "brandColor"?: IcColor | null; /** * The theme mode. Can be "dark", "light", or "system". "system" will use the device or browser settings. + * @default "light" */ "theme"?: IcThemeSettings; } interface IcToast { /** * If toast dismissMode is set to `automatic`, use this prop to define the time before the toast dismisses (in MILLISECONDS) (NOTE: Has a minimum value of `5000ms`) + * @default 5000 */ "autoDismissTimeout"?: number | undefined; /** * If toast can be manually dismissed, this prop sets a custom aria-label for the ic-button component + * @default "dismiss" */ "dismissButtonAriaLabel"?: string | undefined; /** * How the toast will be dismissed. If manual will display a dismiss button. + * @default "manual" */ "dismissMode"?: IcActivationTypes; /** @@ -2664,6 +3168,7 @@ export namespace Components { "setVisible": () => Promise; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme": IcThemeMode; /** @@ -2684,18 +3189,22 @@ export namespace Components { "accessibleLabel"?: string; /** * If `true`, the toggle button will be in a checked state. + * @default false */ "checked": boolean; /** * If `true`, the toggle button will be in disabled state. + * @default false */ "disabled": boolean; /** * If `true`, the toggle button will fill the width of the container. + * @default false */ "fullWidth": boolean; /** * The placement of the icon in relation to the toggle button label. + * @default "left" */ "iconPlacement": IcIconPlacementOptions; /** @@ -2704,44 +3213,54 @@ export namespace Components { "label"?: string; /** * If `true`, the toggle button will be in loading state. + * @default false */ "loading": boolean; /** * If `true`, the toggle button will display as black in the light theme, and white in dark theme. + * @default false */ "monochrome": boolean; /** * If `true`, the toggle button will display with an outline. + * @default true */ "outline": boolean; /** * The size of the toggle button to be displayed. + * @default "medium" */ "size": IcSizes; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme": IcThemeMode; /** * The position of the tooltip in relation to the toggle button. + * @default "bottom" */ "tooltipPlacement": IcButtonTooltipPlacement; /** * The variant of the toggle button. + * @default "default" */ "variant": "default" | "icon"; } interface IcToggleButtonGroup { /** * The accessible label of the toggle button group component to provide context for screen reader users. + * @default "Toggle button group" */ "accessibleLabel": string; /** * If `true`, the toggle button group will be set to the disabled state. + * @default false */ "disabled": boolean; /** * If `true`, the toggle button group will fill the width of the container. + * @default false */ "fullWidth": boolean; /** @@ -2750,49 +3269,60 @@ export namespace Components { "iconPlacement"?: IcIconPlacementOptions; /** * If `true`, the toggle button group will be in loading state. + * @default false */ "loading": boolean; /** * If `true`, the toggle button group will display as black in the light theme, and white in dark theme. + * @default false */ "monochrome": boolean; /** * If `true`, the toggle button group will display with an outline. + * @default true */ "outline": boolean; /** * If `auto`, controls are toggled automatically when navigated to. If `manual`, the controls must be actioned to change their toggled state. The value of this prop is ignored if `selectType` is set to`multi`. + * @default "manual" */ "selectMethod": IcSelectMethodTypes; /** * Sets whether single or multiple options can be toggled. If `multi`, then the `selectMethod` is always `manual`. + * @default "single" */ "selectType": IcSelectTypes; "setActiveToggle": (toggle: HTMLIcToggleButtonElement) => Promise; /** * The size of the toggle buttons to be displayed. This does not affect the font size of the accessible label. + * @default "medium" */ "size": IcSizes; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme": IcThemeMode; /** * The position of the tooltip in relation to the toggle buttons. + * @default "bottom" */ "tooltipPlacement": IcButtonTooltipPlacement; /** * The variant of the toggle button. + * @default "default" */ "variant": "default" | "icon"; } interface IcTooltip { /** * If `true`, the tooltip will not be displayed on click, it will require hover or using the display method. + * @default false */ "disableClick"?: boolean; /** * If `true`, the tooltip will not be displayed on hover, it will require a click. + * @default false */ "disableHover"?: boolean; /** @@ -2803,6 +3333,7 @@ export namespace Components { "displayTooltip": (show: boolean, persistTooltip?: boolean) => Promise; /** * Setting to `true` can help in situations where tooltip content is clipped by a parent element. + * @default false */ "fixedPositioning": boolean; /** @@ -2820,12 +3351,16 @@ export namespace Components { "maxLines"?: number; /** * The position of the tooltip in relation to the parent element. + * @default "bottom" */ "placement"?: IcTooltipPlacements; /** * @param props object - createPopper props set externally */ "setExternalPopperProps": >(props: T) => Promise; + /** + * @default false + */ "silent"?: boolean; /** * The ID of the element the tooltip is describing - for when aria-labelledby or aria-describedby is used. @@ -2833,6 +3368,7 @@ export namespace Components { "target"?: string; /** * Sets the tooltip to the dark or light theme colors. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; } @@ -2843,48 +3379,59 @@ export namespace Components { "appTitle"?: string; /** * The alignment of the top navigation content. + * @default "full-width" */ "contentAligned": IcAlignment; /** * Can set a custom breakpoint for the top navigation to switch to mobile mode. Must be one of our specified breakpoints in px: `0`, `576`, `768`, `992`, `1200`. + * @default DEVICE_SIZES.L */ "customMobileBreakpoint": IcDeviceSizes; /** * If `true`, the app title will be hidden, but still accessible to screen readers. + * @default false */ "hideAppTitle": boolean; /** * The URL to navigate to when the app title or app icon is clicked. + * @default "/" */ "href": string; /** * If `true`, the flyout navigation menu on small devices will be contained by the parent element. + * @default false */ "inline": boolean; /** * The short title of the app to be displayed at small screen sizes in place of the app title. + * @default "" */ "shortAppTitle": string; /** * The status info to be displayed. + * @default "" */ "status": string; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme": IcThemeMode; /** * The version info to be displayed. + * @default "" */ "version": string; } interface IcTypography { /** * If `true`, appropriate top and bottom margins will be applied to the typography. + * @default false */ "applyVerticalMargins"?: boolean; /** * If `true`, the typography will have a bold font weight. Note: This will have no impact on variants that already use an equivalent or higher font weight (h1, h2, and subtitle-large). + * @default false */ "bold"?: boolean; /** @@ -2893,6 +3440,7 @@ export namespace Components { "checkMaxLines": (height: number) => Promise; /** * If `true`, the typography will have an italic font style. + * @default false */ "italic"?: boolean; /** @@ -2903,18 +3451,22 @@ export namespace Components { "setShowHideExpanded": (expanded: boolean) => Promise; /** * If `true`, the typography will have a line through it. + * @default false */ "strikethrough"?: boolean; /** * Sets the text color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; /** * If `true`, the typography will have a line under it. + * @default false */ "underline"?: boolean; /** * The ICDS typography style to use. + * @default "body" */ "variant"?: IcTypographyVariants; } @@ -3987,66 +4539,82 @@ declare global { } } declare namespace LocalJSX { + type OneOf = { [P in K]: PropT } & { [P in `attr:${K}` | `prop:${K}`]?: never } | { [P in `attr:${K}`]: AttrT } & { [P in K | `prop:${K}`]?: never } | { [P in `prop:${K}`]: PropT } & { [P in K | `attr:${K}`]?: never }; + interface IcAccordion { /** * If `true`, the accordion will be disabled. + * @default false */ "disabled"?: boolean; /** * If `true`, the accordion appears expanded. + * @default false */ "expanded"?: boolean; /** * The section header outlining section content. + * @default "" */ "heading"?: string; /** * The main body message of the accordion. + * @default "" */ "message"?: string; "onAccordionClicked"?: (event: IcAccordionCustomEvent<{ id: string }>) => void; /** * The size of the accordion. + * @default "medium" */ "size"?: IcSizes; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; } interface IcAccordionGroup { /** * The accessible button label to provide more context to the 'See all/Hide all' button for screen reader users. + * @default "accordions" */ "accessibleButtonLabel"?: string; /** * If `true`, the accordion will load in an expanded state. + * @default false */ "expanded"?: boolean; /** * The header for the accordion group. + * @default "" */ "label"?: string; /** * If `true`, only one accordion will open at a time. + * @default false */ "singleExpansion"?: boolean; /** * The size of the accordion. + * @default "medium" */ "size"?: IcSizes; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; } interface IcActionChip { /** * If `true`, the chip will appear disabled. + * @default false */ "disabled"?: boolean; /** * If `true`, the user can save the linked URL instead of navigating to it. + * @default false */ "download"?: string | boolean; /** @@ -4087,6 +4655,7 @@ declare namespace LocalJSX { "label": string; /** * If `true`, the button will display as monochromatic in either `light` or `dark` theme. + * @default false */ "monochrome"?: boolean; /** @@ -4099,6 +4668,7 @@ declare namespace LocalJSX { "rel"?: string; /** * The size of the chip. + * @default "medium" */ "size"?: IcSizes; /** @@ -4107,36 +4677,44 @@ declare namespace LocalJSX { "target"?: string; /** * Sets the chip to the dark or light theme colors. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; /** * If `true`, the outlined variant of chip will have a transparent background rather than the theme defined color. + * @default true */ "transparentBackground"?: boolean; /** * The type of the chip. + * @default "button" */ "type"?: IcButtonTypes; /** * The emphasis of the chip. + * @default "filled" */ "variant"?: IcEmphasisType; } interface IcAlert { /** * If `true`, the alert will have the 'alert' ARIA role and will be announced to screen readers. + * @default true */ "announced"?: boolean; /** * The text in the dismiss button tooltip. Makes the user aware of the action resulting from clicking the 'Dismiss' button. + * @default "Dismiss" */ "dismissLabel"?: string | undefined; /** * If `true`, the alert will have a close icon at the end to dismiss it. + * @default false */ "dismissible"?: boolean; /** * The optional title to display at the start of the alert. + * @default "" */ "heading"?: string; /** @@ -4149,24 +4727,29 @@ declare namespace LocalJSX { "onIcDismiss"?: (event: IcAlertCustomEvent) => void; /** * If `true`, the default icon for the neutral variant will appear on the left of the alert. + * @default true */ "showDefaultIcon"?: boolean; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; /** * If `true`, the title and message will appear above and below instead of inline. + * @default false */ "titleAbove"?: boolean; /** * The variant of the alert which will be rendered. + * @default "neutral" */ "variant"?: IcStatusVariants; } interface IcBackToTop { /** * The horizontal position of the element. + * @default "right" */ "position"?: IcBackToTopPositions; /** @@ -4175,10 +4758,12 @@ declare namespace LocalJSX { "target": string; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; /** * The variant of the button to render + * @default "default" */ "variant"?: IcBackToTopVariants; } @@ -4201,97 +4786,125 @@ declare namespace LocalJSX { "maxNumber"?: number; /** * The positioning of the badge in reference to the parent element. + * @default "far" */ "position"?: IcBadgePositions; /** * The size of the badge to be displayed. + * @default "medium" */ "size"?: IcSizes; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; /** * The type of badge to be displayed. + * @default "text" */ "type"?: IcBadgeTypes; /** * The variant of the badge to be displayed. + * @default "neutral" */ "variant"?: IcBadgeVariants; /** * If `true`, the badge will be displayed. + * @default true */ "visible"?: boolean; } interface IcBreadcrumb { /** * If `true`, aria-current will be set on the breadcrumb. + * @default false */ "current"?: boolean; /** * The URL that the breadcrumb link points to. */ "href"?: string; + /** + * @default false + */ "monochrome"?: boolean; /** * The title of the breadcrumb. */ "pageTitle": string; + /** + * @default false + */ "showBackIcon"?: boolean; + /** + * @default "inherit" + */ "theme"?: IcThemeMode; } interface IcBreadcrumbGroup { /** * If `true`, display only a single breadcrumb for the parent page with a back icon. Requires at least two `ic-breadcrumb` children, as the displayed breadcrumb shows the title of the parent (second-to-last) page. + * @default false */ "backBreadcrumbOnly"?: boolean; /** * If `true`, all breadcrumbs between the first and last breadcrumb will be collapsed. + * @default false */ "collapsed"?: boolean; /** * If `true`, the breadcrumb group will display as black in the light theme, and white in the dark theme. + * @default false */ "monochrome"?: boolean; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; } interface IcButton { /** * If `fileUpload` is set to `true`, this is the accepted list of file types. + * @default "*" */ "accept"?: string; "ariaControlsId"?: string | boolean; "ariaOwnsId"?: string | boolean; /** * If `true`, the ic-tooltip which is shown for icon variant will be disabled. Title or aria-label must be set if this prop is not applied. + * @default false */ "disableTooltip"?: boolean; /** * If `true`, the button will be in disabled state. + * @default false */ "disabled"?: boolean; /** * If `true`, the user can save the linked URL instead of navigating to it. + * @default false */ "download"?: string | boolean; /** * If `true`, the button will show a dropdown icon. + * @default false */ "dropdown"?: boolean; /** * If `true`, the aria-expanded value will be set to true. This is only applied if the dropdown prop is also true. + * @default false */ "dropdownExpanded"?: boolean; /** * The name of the control for the file input, which is submitted with the form data. + * @default `ic-button-file-upload-input-${buttonIds++}` */ "fileInputName"?: string; /** * If `true`, when the button is clicked the native file explorer will be launched. + * @default false */ "fileUpload"?: boolean; /** @@ -4320,6 +4933,7 @@ declare namespace LocalJSX { "formtarget"?: string; /** * If `true`, the button will fill the width of the container. + * @default false */ "fullWidth"?: boolean; /** @@ -4332,14 +4946,17 @@ declare namespace LocalJSX { "hreflang"?: string; /** * If `true`, the button will be in loading state. + * @default false */ "loading"?: boolean; /** * If `true`, the button will display as monochromatic in either `light` or `dark` theme. + * @default false */ "monochrome"?: boolean; /** * If `fileUpload` is set to `true`, this boolean determines whether multiple files are accepted. + * @default false */ "multiple"?: boolean; /** @@ -4368,6 +4985,7 @@ declare namespace LocalJSX { "selectedFiles"?: FileList; /** * The size of the button to be displayed. + * @default "medium" */ "size"?: IcSizes; /** @@ -4376,40 +4994,49 @@ declare namespace LocalJSX { "target"?: string; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; /** * Setting to `true` can help in situations where tooltip content is clipped by a parent element. + * @default false */ "tooltipFixedPositioning"?: boolean; /** * The position of the tooltip in relation to the button. + * @default "bottom" */ "tooltipPlacement"?: IcButtonTooltipPlacement; /** * If `true`, the secondary & tertiary variants of button will have a transparent background when not hovered, pressed or loading. + * @default true */ "transparentBackground"?: boolean; /** * The type of the button. + * @default "button" */ "type"?: IcButtonTypes; /** * The variant of the button to be displayed. + * @default "primary" */ "variant"?: IcButtonVariants; } interface IcCardHorizontal { /** * If `true`, the horizontal card will be a clickable variant, instead of static. + * @default false */ "clickable"?: boolean; /** * The padding of the horizontal card. + * @default "default" */ "density"?: IcCardDensity; /** * If `true`, the horizontal card will be disabled if it is clickable. + * @default false */ "disabled"?: boolean; /** @@ -4422,10 +5049,12 @@ declare namespace LocalJSX { "href"?: string | undefined; /** * The human language of the linked URL. + * @default "" */ "hreflang"?: string; /** * The main body message of the horizontal card. + * @default "" */ "message"?: string; /** @@ -4438,6 +5067,7 @@ declare namespace LocalJSX { "rel"?: string; /** * The size of the horizontal card. + * @default "medium" */ "size"?: IcSizes; /** @@ -4450,24 +5080,29 @@ declare namespace LocalJSX { "target"?: string; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; } interface IcCardVertical { /** * If `true`, the card will be a clickable variant, instead of static. + * @default false */ "clickable"?: boolean; /** * If `true`, the card will be disabled if it is clickable. + * @default false */ "disabled"?: boolean; /** * If `true`, the card will have an expandable area and expansion toggle button. + * @default false */ "expandable"?: boolean; /** * If `true`, the card will fill the width of the container. + * @default false */ "fullWidth"?: boolean; /** @@ -4480,10 +5115,12 @@ declare namespace LocalJSX { "href"?: string; /** * The human language of the linked URL. + * @default "" */ "hreflang"?: string; /** * The main body message of the card. + * @default "" */ "message"?: string; /** @@ -4504,24 +5141,29 @@ declare namespace LocalJSX { "target"?: string; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; } interface IcCheckbox { /** * The style of additionalField that will be displayed if used. + * @default "static" */ "additionalFieldDisplay"?: IcAdditionalFieldTypes; /** * If `true`, the checkbox will be set to the checked state. This is only the initial state and will be updated to unchecked if the checkbox is clicked. + * @default false */ "checked"?: boolean; /** * If `true`, the checkbox will be set to the disabled state. + * @default false */ "disabled"?: boolean; /** * The text to be displayed when dynamic. + * @default "This selection requires additional answers" */ "dynamicText"?: string; /** @@ -4534,10 +5176,12 @@ declare namespace LocalJSX { "groupLabel"?: string; /** * If `true`, the label will be hidden and the required label value will be applied as an aria-label. + * @default false */ "hideLabel"?: boolean; /** * If `true`, the indeterminate state will be displayed when checked. + * @default false */ "indeterminate"?: boolean; /** @@ -4550,6 +5194,7 @@ declare namespace LocalJSX { "name"?: string; /** * If `true`, the checkbox will behave like a native checkbox where the `indeterminate` prop sets the indeterminate visual styling, independent of the `checked` state. + * @default false */ "nativeIndeterminateBehaviour"?: boolean; /** @@ -4562,24 +5207,29 @@ declare namespace LocalJSX { "size"?: IcSizes; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; /** * The value for the checkbox. + * @default "" */ "value"?: string; } interface IcCheckboxGroup { /** * If `true`, the checkbox group will be set to the disabled state. + * @default false */ "disabled"?: boolean; /** * The helper text that will be displayed for additional field guidance. + * @default "" */ "helperText"?: string; /** * If `true`, the label will be hidden and the required label value will be applied as an aria-label. + * @default false */ "hideLabel"?: boolean; /** @@ -4596,26 +5246,32 @@ declare namespace LocalJSX { "onIcChange"?: (event: IcCheckboxGroupCustomEvent) => void; /** * If `true`, the checkbox group will require a value. + * @default false */ "required"?: boolean; /** * The size of the checkboxes to be displayed. This does not affect the font size of the label. + * @default "medium" */ "size"?: IcSizes; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; /** * The value of the `aria-live` attribute on the validation message. + * @default "polite" */ "validationAriaLive"?: IcAriaLive; /** * The validation status - e.g. 'error' | 'warning' | 'success'. + * @default "" */ "validationStatus"?: IcInformationStatusOrEmpty; /** * The text to display as the validation message. + * @default "" */ "validationText"?: string; } @@ -4626,18 +5282,22 @@ declare namespace LocalJSX { "customColor"?: IcColor; /** * If `true`, the chip will appear disabled. + * @default false */ "disabled"?: boolean; /** * The text in the dismiss button tooltip and aria label. Makes the user aware of the action resulting from clicking the 'Dismiss chip' button. + * @default "Dismiss" */ "dismissLabel"?: string; /** * If `true`, the chip will have a close button at the end to dismiss it. + * @default false */ "dismissible"?: boolean; /** * Specify whether the chip fills the full width of the container. If `true`, this overrides the --input-width CSS variable. + * @default false */ "fullWidth"?: boolean; /** @@ -4650,44 +5310,54 @@ declare namespace LocalJSX { "onIcDismiss"?: (event: IcChipCustomEvent) => void; /** * The size of the chip. + * @default "medium" */ "size"?: IcSizes; /** * Sets the chip to the dark or light theme colors. "inherit" will set the color based on the system settings or ic-theme component. Setting the "customColor" prop will override this. + * @default "inherit" */ "theme"?: IcThemeMode; /** * If `true`, the outlined variant of chip will have a transparent background rather than the theme defined color. + * @default true */ "transparentBackground"?: boolean; /** * The emphasis of the chip. + * @default "filled" */ "variant"?: IcEmphasisType; } interface IcClassificationBanner { /** * The additional information that will be displayed after the classification. + * @default "" */ "additionalSelectors"?: string; /** * The classification level to be displayed - also determines the banner and text colour. + * @default "default" */ "classification"?: IcProtectiveMarkings; /** * The optional text that will be displayed before classification to specify relevant country/countries. + * @default "uk" */ "country"?: string; /** * The custom text that will appear on the banner. If set, the `additionalSelectors`, `country` and `upTo` props are ignored. + * @default "" */ "customClassificationText"?: string; /** * If `true`, the banner will appear inline with the page, instead of sticking to the bottom of the page. + * @default false */ "inline"?: boolean; /** * If `true`, "Up to" will be displayed before the classification and country. + * @default false */ "upTo"?: boolean; } @@ -4698,10 +5368,12 @@ declare namespace LocalJSX { "heading"?: string; /** * The size of the data list component. + * @default "medium" */ "size"?: IcSizesNoLarge; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; } @@ -4712,10 +5384,12 @@ declare namespace LocalJSX { "label"?: string; /** * The size of the data row component. + * @default "medium" */ "size"?: IcSizesNoLarge; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; /** @@ -4726,22 +5400,27 @@ declare namespace LocalJSX { interface IcDialog { /** * If set to `false`, the dialog will not close when the backdrop is clicked. + * @default true */ "closeOnBackdropClick"?: boolean; /** * If 'true', sets the 'primary' or rightmost button to the destructive variant. Stops initial focus being set on the 'primary' or rightmost default or slotted button. + * @default false */ "destructive"?: boolean; /** * If set to `true`, the content area max height and overflow properties are removed allowing the dialog to stretch below the fold. This prop also prevents popover elements from being cut off within the content area. + * @default false */ "disableHeightConstraint"?: boolean; /** * If set to `true`, the content area width property is removed, allowing content to take the full width of the dialog when using the large variant. + * @default false */ "disableWidthConstraint"?: boolean; /** * Sets the dismiss label tooltip and aria label. + * @default "Dismiss" */ "dismissLabel"?: string; /** @@ -4750,10 +5429,12 @@ declare namespace LocalJSX { "heading"?: string; /** * If `true`, the close button will not be displayed. + * @default false */ "hideCloseButton"?: boolean; /** * If set to `true`, default button controls will not be shown, but slotted dialog controls will still be displayed. + * @default false */ "hideDefaultControls"?: boolean; /** @@ -4778,20 +5459,24 @@ declare namespace LocalJSX { "onIcDialogOpened"?: (event: IcDialogCustomEvent) => void; /** * If `true`, the dialog will be displayed. + * @default false */ "open"?: boolean; /** * Sets the maximum and minimum height and width for the dialog. + * @default "small" */ "size"?: "small" | "medium" | "large"; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; } interface IcDivider { /** * The line style of the divider. + * @default "solid" */ "borderStyle"?: IcDividerStyles; /** @@ -4800,28 +5485,34 @@ declare namespace LocalJSX { "label"?: string; /** * The position the label is placed on the divider. `Left` and `right` placement is only applicable when orientation is set to `horizontal`. `Top` and `bottom` placement is only applicable when orientation is set to `vertical`. `Center` placement is applicable for both orientations. + * @default "center" */ "labelPlacement"?: IcDividerLabelPlacement; /** * If `true`, the divider will be displayed in a grey colour. + * @default false */ "monochrome"?: boolean; /** * The orientation of the divider. + * @default "horizontal" */ "orientation"?: IcOrientation; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode | IcBrandForeground; /** * The thickness of the divider. + * @default "thin" */ "weight"?: IcDividerWeights; } interface IcEmptyState { /** * The alignment of the empty state container. + * @default "left" */ "aligned"?: IcEmptyStateAlignment; /** @@ -4834,6 +5525,7 @@ declare namespace LocalJSX { "heading"?: string; /** * The size of the image or icon used in the image slot. + * @default "medium" */ "imageSize"?: IcSizes; /** @@ -4846,16 +5538,19 @@ declare namespace LocalJSX { "subheading"?: string; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; } interface IcFooter { /** * The alignment of the section containers used within the footer. + * @default "left" */ "aligned"?: IcAlignment; /** * The screen size breakpoint at which to switch to the small layout. + * @default "medium" */ "breakpoint"?: IcFooterBreakpoints; /** @@ -4864,10 +5559,12 @@ declare namespace LocalJSX { "caption"?: string; /** * If `true`, the footer will display the crown copyright at the bottom. + * @default true */ "copyright"?: boolean; /** * The text displayed for the copyright notice if `copyright` is `true`. + * @default "© Crown Copyright" */ "copyrightText"?: string; /** @@ -4876,6 +5573,7 @@ declare namespace LocalJSX { "description"?: string; /** * If `true`, the footer will be set up to handle link groups instead of standalone links. + * @default false */ "groupLinks"?: boolean; "onFooterResized"?: (event: IcFooterCustomEvent) => void; @@ -4883,6 +5581,7 @@ declare namespace LocalJSX { interface IcFooterLink { /** * If `true`, the user can save the linked URL instead of navigating to it. + * @default false */ "download"?: string | boolean; /** @@ -4915,6 +5614,7 @@ declare namespace LocalJSX { interface IcHero { /** * The alignment of the hero. + * @default "left" */ "aligned"?: IcAlignment; /** @@ -4923,10 +5623,12 @@ declare namespace LocalJSX { "backgroundImage"?: string; /** * The alignment of the hero content. + * @default "left" */ "contentAligned"?: IcHeroContentAlignments; /** * If `true`, the background image (if set) will not scroll using a parallax effect. + * @default false */ "disableBackgroundParallax"?: boolean; /** @@ -4943,6 +5645,7 @@ declare namespace LocalJSX { "secondarySubheading"?: string; /** * The size of the hero component. + * @default "medium" */ "size"?: IcSizesNoLarge; /** @@ -4951,61 +5654,82 @@ declare namespace LocalJSX { "subheading"?: string; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; } interface IcHorizontalScroll { /** * The appearance of the horizontal scroll, e.g. dark, light or the default. + * @default "default" */ "appearance"?: IcBrandForeground; + /** + * @default "focus" + */ "focusTrigger"?: string; + /** + * @default false + */ "monochrome"?: boolean; + /** + * @default "inherit" + */ "theme"?: IcThemeMode; } interface IcInputComponentContainer { /** * If `true`, the disabled state will be set. + * @default false */ "disabled"?: boolean; /** * If `true`, the input component container will fill the width of the container it is in. + * @default false */ "fullWidth"?: boolean; /** * If `true`, the input component container will allow for multiple lines. + * @default false */ "multiLine"?: boolean; /** * If `true`, the readonly state will be set. + * @default false */ "readonly"?: boolean; /** * The size of the input component container component. + * @default "medium" */ "size"?: IcSizes; /** * If `true`, the validation will display inline. + * @default false */ "validationInline"?: boolean; /** * The validation status of the input component container - e.g. 'error' | 'warning' | 'success'. + * @default "" */ "validationStatus"?: IcInformationStatusOrEmpty; } interface IcInputContainer { /** * If `true`, the disabled state will be set. + * @default false */ "disabled"?: boolean; /** * If `true`, the readonly state will be set. + * @default false */ "readonly"?: boolean; } interface IcInputLabel { /** * If `true`, the disabled state will be set. + * @default false */ "disabled"?: boolean; /** @@ -5014,10 +5738,12 @@ declare namespace LocalJSX { "for"?: string; /** * The helper text that will be displayed. + * @default "" */ "helperText"?: string; /** * The label will be visually hidden. + * @default false */ "hideLabel"?: boolean; /** @@ -5026,21 +5752,28 @@ declare namespace LocalJSX { "label": string; /** * If `true`, the readonly state will be set. + * @default false */ "readonly"?: boolean; /** * If `true`, the input label will require a value. + * @default false */ "required"?: boolean; /** * The status of the label - e.g. 'error'. + * @default "" */ "status"?: "error" | ""; + /** + * @default true + */ "useLabelTag"?: boolean; } interface IcInputValidation { /** * The ARIA live mode to apply to the message. + * @default "polite" */ "ariaLiveMode"?: IcAriaLive; /** @@ -5049,6 +5782,7 @@ declare namespace LocalJSX { "for"?: string; /** * If `true`, the input validation will fill the width of the container. + * @default false */ "fullWidth"?: boolean; /** @@ -5057,12 +5791,14 @@ declare namespace LocalJSX { "message"?: string; /** * The status of the validation - e.g. 'error' | 'warning' | 'success'. + * @default "" */ "status"?: IcInformationStatusOrEmpty; } interface IcLayoutGrid { /** * The alignment of the grid. + * @default "left" */ "aligned"?: IcAlignment; /** @@ -5071,58 +5807,71 @@ declare namespace LocalJSX { "columns"?: IcGridBreakpoints; /** * The default column span for grid items. + * @default 1 */ "defaultColSpan"?: IcGridBreakpoints; /** * The default column width for grid items. This is used when the grid type is set to "fixed". + * @default "64px" */ "defaultColWidth"?: string; /** * The default row span for grid items. + * @default 1 */ "defaultRowSpan"?: number; /** * If `true`, the standard vertical padding from the grid will be removed. + * @default false */ "fullHeight"?: boolean; /** * The space between grid items, in multiples of the base spacing unit (`var(--ic-space-xs)`). + * @default 2 */ "gridSpacing"?: number; /** * The number of rows in the grid. + * @default 1 */ "rows"?: number; /** * The layout type of the grid. + * @default "fixed" */ "type"?: IcGridType; } interface IcLayoutGridItem { /** * The number of columns the grid item should span. + * @default 1 */ "colSpan"?: number; /** * The column the grid item should start at. + * @default 1 */ "colStart"?: number; /** * If `true`, the grid item will be hidden on smaller screens. + * @default false */ "hideInMobileMode"?: boolean; /** * The number of rows the grid item should span. + * @default 1 */ "rowSpan"?: number; /** * The row the grid item should start at. + * @default 1 */ "rowStart"?: number; } interface IcLink { /** * If `true`, the user can save the linked URL instead of navigating to it. If the value is a string, it will be used as the filename for the download. + * @default false */ "download"?: string | boolean; /** @@ -5135,6 +5884,7 @@ declare namespace LocalJSX { "hreflang"?: string; /** * If `true`, the link will display as black in the light theme, and white in the dark theme. + * @default false */ "monochrome"?: boolean; /** @@ -5151,16 +5901,19 @@ declare namespace LocalJSX { "target"?: string; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; } interface IcLoadingIndicator { /** * The description that will be set as the aria-label of the loading indicator when not using a visible label. + * @default "Loading" */ "description"?: string; /** * If `true`, when linear, the full-width variant (i.e. without a border radius) will be displayed. + * @default false */ "fullWidth"?: boolean; "innerLabel"?: number; @@ -5170,18 +5923,22 @@ declare namespace LocalJSX { "label"?: string | string[]; /** * The time in milliseconds before the label changes. + * @default 8000 */ "labelDuration"?: number; /** * The maximum value that the progress value can take. Used to calculate the proportional width of the progress bar. + * @default 100 */ "max"?: number; /** * The minimum value that the progress value can take. Used to calculate the proportional width of the progress bar. + * @default 0 */ "min"?: number; /** * If `true`, the element will display as black and white. + * @default false */ "monochrome"?: boolean; /** @@ -5190,34 +5947,46 @@ declare namespace LocalJSX { "progress"?: number; /** * The size of the loading indicator. + * @default "medium" */ "size"?: IcLoadingSizes; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; /** * The type of indicator, either linear or circular. When size is set to 'icon' the type will be set to circular. + * @default "circular" */ "type"?: IcLoadingTypes; } interface IcMenu { /** * Determines whether options manually set as values (by pressing 'Enter') when they receive focus using keyboard navigation. + * @default "automatic" */ "activationType"?: IcActivationTypes; + /** + * @default true + */ "allowMenuFocus"?: boolean; /** * The reference to an anchor element the menu will position itself from when rendered. */ "anchorEl"?: HTMLElement; + /** + * @default true + */ "autofocusOnSelected"?: boolean; /** * If `true`, the menu will close when an option is selected. + * @default true */ "closeOnSelect"?: boolean; /** * If `true`, the menu will fill the width of the container. + * @default false */ "fullWidth"?: boolean; /** @@ -5230,12 +5999,16 @@ declare namespace LocalJSX { "inputLabel": string; /** * The custom name for the label field for IcMenuOption. + * @default "label" */ "labelField"?: string; /** * The ID of the menu. */ "menuId": string; + /** + * @default false + */ "multiSelect"?: boolean; /** * Emitted when the clear all button is clicked. @@ -5258,15 +6031,26 @@ declare namespace LocalJSX { */ "options": IcMenuOption[]; "parentEl"?: HTMLElement; + /** + * @default false + */ "searchBar"?: boolean; /** * Specify the mode search bar uses to search. `navigation` allows for quick lookups of a set of values, `query` allows for more general searches. + * @default "navigation" */ "searchMode"?: IcSearchBarSearchModes; + /** + * @default false + */ "searchableSelect"?: boolean; + /** + * @default false + */ "selectOnEnter"?: boolean; /** * The size of the menu. + * @default "medium" */ "size"?: IcSizes; /** @@ -5275,6 +6059,7 @@ declare namespace LocalJSX { "value": string | string[]; /** * The custom name for the value field for IcMenuOption. + * @default "value" */ "valueField"?: string; } @@ -5287,6 +6072,7 @@ declare namespace LocalJSX { interface IcMenuItem { /** * If `true`, the menu item will be in a checked state. This is only applicable when variant is set to `toggle`. + * @default false */ "checked"?: boolean; /** @@ -5299,6 +6085,7 @@ declare namespace LocalJSX { "description"?: string; /** * If `true`, the menu item will be in disabled state. + * @default false */ "disabled"?: boolean; /** @@ -5344,12 +6131,14 @@ declare namespace LocalJSX { "target"?: string; /** * The variant of the menu item. + * @default "default" */ "variant"?: IcMenuItemVariants; } interface IcNavigationButton { /** * If `true`, the user can save the linked URL instead of navigating to it. + * @default false */ "download"?: string | boolean; /** @@ -5378,16 +6167,19 @@ declare namespace LocalJSX { "target"?: string; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; } interface IcNavigationGroup { /** * If `true`, the group will be expandable when in an ic-side-navigation component, or, when in an ic-top-navigation component, in the side menu displayed at small screen sizes. + * @default false */ "expandable"?: boolean; /** * If `true`, the expandable group will be expanded by default when in an ic-side-navigation component. To enable this prop, `expandable` must also be set to `true`. + * @default true */ "expanded"?: boolean; /** @@ -5398,19 +6190,31 @@ declare namespace LocalJSX { "onNavigationGroupOpened"?: (event: IcNavigationGroupCustomEvent) => void; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; } interface IcNavigationItem { + /** + * @default false + */ "collapsedIconLabel"?: boolean; + /** + * @default false + */ "displayNavigationTooltip"?: boolean; /** * If `true`, the user can save the linked URL instead of navigating to it. + * @default false */ "download"?: string | boolean; + /** + * @default false + */ "expandable"?: boolean; /** * The destination of the navigation item. + * @default "" */ "href"?: string; /** @@ -5433,6 +6237,7 @@ declare namespace LocalJSX { "rel"?: string; /** * If `true`, the navigation item will be set in a selected state. + * @default false */ "selected"?: boolean; /** @@ -5441,6 +6246,7 @@ declare namespace LocalJSX { "target"?: string; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; } @@ -5448,24 +6254,29 @@ declare namespace LocalJSX { "onIcNavigationMenuClose"?: (event: IcNavigationMenuCustomEvent) => void; /** * The status info to display. + * @default "" */ "status"?: string; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; /** * The version info to display. + * @default "" */ "version"?: string; } interface IcPageHeader { /** * The alignment of the page header. + * @default "left" */ "aligned"?: IcAlignment; /** * If `true`, a border will be displayed along the bottom of the page header. + * @default true */ "border"?: boolean; /** @@ -5474,18 +6285,22 @@ declare namespace LocalJSX { "heading"?: string; /** * If `true`, the reading pattern and tab order will change in the action area for viewport widths of above 576px and when actions have not wrapped. + * @default false */ "reverseOrder"?: boolean; /** * The size of the page header component. + * @default "medium" */ "size"?: IcSizesNoLarge; /** * If `true`, the page header will be sticky at all breakpoints. + * @default false */ "sticky"?: boolean; /** * If `true`, the page header will only be sticky for viewport widths of 992px and above. + * @default false */ "stickyDesktopOnly"?: boolean; /** @@ -5494,48 +6309,59 @@ declare namespace LocalJSX { "subheading"?: string; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; } interface IcPagination { /** * The accessible label of the pagination component to provide context for screen reader users. + * @default "Pagination Navigation" */ "accessibleLabel"?: string; /** * The number of pages displayed adjacent to the current page when using 'complex' type pagination. Accepted values are 0, 1 & 2. + * @default 1 */ "adjacentPageCount"?: number; /** * The number of pages displayed as boundary items to the current page when using 'complex' type pagination. Accepted values are 0, 1 & 2. + * @default 1 */ "boundaryPageCount"?: number; /** * The current page displayed by the pagination. + * @default this.defaultPage */ "currentPage"?: number; /** * The default page to display. + * @default 1 */ "defaultPage"?: number; /** * If `true`, the pagination will not allow interaction. + * @default false */ "disabled"?: boolean; /** * If `true`, the current page of the simple pagination will not be displayed. + * @default false */ "hideCurrentPage"?: boolean; /** * If `true`, the first and last page buttons will not be displayed. + * @default false */ "hideFirstAndLastPageButton"?: boolean; /** * The label for the pagination item (applicable when simple pagination is being used). + * @default "Page" */ "label"?: string; /** * If `true`, the pagination will display as black in the light theme, and white in dark theme. + * @default false */ "monochrome"?: boolean; /** @@ -5548,44 +6374,54 @@ declare namespace LocalJSX { "pages": number; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; /** * The type of pagination to be used. + * @default "simple" */ "type"?: IcPaginationTypes; } interface IcPaginationBar { /** * The accessible label passed down to the pagination component to provide context for screen reader users. + * @default "Pagination Navigation" */ "accessibleLabel"?: string; /** * Sets the alignment of the items in the pagination bar. + * @default "right" */ "alignment"?: IcPaginationAlignmentOptions; /** * The current page number to be displayed on the pagination bar. + * @default 1 */ "currentPage"?: number; /** * If `true`, the 'All' option will be hidden from the 'items per page' select input. + * @default false */ "hideAllFromItemsPerPage"?: boolean; /** * If `true`, the current page of the simple pagination will not be displayed. + * @default false */ "hideCurrentPage"?: boolean; /** * If `true`, the first and last page buttons will not be displayed. + * @default false */ "hideFirstAndLastPageButton"?: boolean; /** * If `true`, the number of total items and current item range or number of total pages and current page will be hidden. + * @default false */ "hideRangeLabel"?: boolean; /** * The text which will be used in place of 'Item' on the pagination bar. + * @default "Item" */ "itemLabel"?: string; /** @@ -5597,6 +6433,7 @@ declare namespace LocalJSX { }[]; /** * If `true`, the pagination bar will display as black in the light theme, and white in dark theme. + * @default false */ "monochrome"?: boolean; /** @@ -5609,14 +6446,17 @@ declare namespace LocalJSX { "onIcPageChange"?: (event: IcPaginationBarCustomEvent) => void; /** * The text which will be used in place of 'Page' on the pagination bar. + * @default "Page" */ "pageLabel"?: string; /** * Whether total number of items and current item range or total number of pages and current page is displayed. + * @default "page" */ "rangeLabelType"?: IcPaginationLabelTypes; /** * If `false`, the value in the items per page control will be set immediately on ArrowUp and ArrowDown instead of when Enter is pressed. + * @default true */ "selectItemsPerPageOnEnter"?: boolean; /** @@ -5625,18 +6465,22 @@ declare namespace LocalJSX { "selectedItemsPerPage"?: number; /** * If `true`, the pagination bar is set to the first page when the 'items per page' changes + * @default false */ "setToFirstPageOnPaginationChange"?: boolean; /** * If `true`, the 'go to page' control should be displayed. + * @default false */ "showGoToPageControl"?: boolean; /** * If `true`, the select input to control 'items per page' should be displayed. + * @default false */ "showItemsPerPageControl"?: boolean; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; /** @@ -5645,20 +6489,24 @@ declare namespace LocalJSX { "totalItems": number; /** * Whether the displayed pagination is simple or complex. + * @default "simple" */ "type"?: IcPaginationTypes; } interface IcPaginationItem { /** * If `true`, the pagination item will be disabled. + * @default false */ "disabled"?: boolean; /** * The label for the pagination item (applicable when simple pagination is being used). + * @default "Page" */ "label"?: string; /** * If `true`, the pagination item will display as black in the light theme, and white in dark theme. + * @default false */ "monochrome"?: boolean; "onPaginationItemClick"?: (event: IcPaginationItemCustomEvent<{ page: number | null }>) => void; @@ -5668,10 +6516,12 @@ declare namespace LocalJSX { "page"?: number; /** * If `true`, the pagination item will be selected. + * @default false */ "selected"?: boolean; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; /** @@ -5690,6 +6540,7 @@ declare namespace LocalJSX { "closeOnItemSelect"?: "always" | "toggle" | "never"; /** * Setting to `true` can help in situations where tooltip content is clipped by a parent element. + * @default false */ "fixedPositioning"?: boolean; /** @@ -5698,6 +6549,7 @@ declare namespace LocalJSX { "onIcPopoverClosed"?: (event: IcPopoverMenuCustomEvent) => void; /** * If `true`, the popover menu will be displayed. + * @default undefined */ "open"?: boolean | undefined; "parentLabel"?: string; @@ -5706,15 +6558,20 @@ declare namespace LocalJSX { * The unique identifier for a popover submenu. */ "submenuId"?: string; + /** + * @default 1 + */ "submenuLevel"?: number; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; } interface IcRadioGroup { /** * If `true`, the disabled state will be set. + * @default false */ "disabled"?: boolean; /** @@ -5723,6 +6580,7 @@ declare namespace LocalJSX { "helperText"?: string; /** * If `true`, the label will be hidden and the required label value will be applied as an aria-label. + * @default false */ "hideLabel"?: boolean; /** @@ -5739,44 +6597,54 @@ declare namespace LocalJSX { "onIcChange"?: (event: IcRadioGroupCustomEvent) => void; /** * The orientation of the radio buttons in the radio group. If there are more than two radio buttons in a radio group or either of the radio buttons use the `additional-field` slot, then the orientation will always be vertical. + * @default "vertical" */ "orientation"?: IcOrientation; /** * If `true`, the radio group will require a value. + * @default false */ "required"?: boolean; /** * The size of the radio group component. + * @default "medium" */ "size"?: IcSizes; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; /** * The value of the `aria-live` attribute on the validation message. + * @default "polite" */ "validationAriaLive"?: IcAriaLive; /** * The validation status - e.g. 'error' | 'warning' | 'success'. + * @default "" */ "validationStatus"?: IcInformationStatusOrEmpty; /** * The text to display as the validation message. + * @default "" */ "validationText"?: string; } interface IcRadioOption { /** * The style of additionalField that will be displayed if used. + * @default "static" */ "additionalFieldDisplay"?: IcAdditionalFieldTypes; /** * If `true`, the disabled state will be set. + * @default false */ "disabled"?: boolean; /** * The text to be displayed when dynamic. + * @default "This selection requires additional answers" */ "dynamicText"?: string; /** @@ -5805,10 +6673,12 @@ declare namespace LocalJSX { "onIcSelectedChange"?: (event: IcRadioOptionCustomEvent) => void; /** * If `true`, the radio option will be displayed in a selected state. + * @default false */ "selected"?: boolean; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; /** @@ -5819,58 +6689,72 @@ declare namespace LocalJSX { interface IcSearchBar { /** * The hint text for the hidden assistive description element. + * @default "When autocomplete results are available use the up and down arrows to choose and press enter to select" */ "assistiveHintText"?: string; /** * The automatic capitalisation of the text value as it is entered/edited by the user. Available options: "off", "none", "on", "sentences", "words", "characters". + * @default "off" */ "autocapitalize"?: string; /** * The state of autocompletion the browser can apply on the text value. + * @default "off" */ "autocomplete"?: IcAutocompleteTypes; /** * The state of autocorrection the browser can apply when the user is entering/editing the text value. + * @default "off" */ "autocorrect"?: IcAutocorrectStates; /** * If `true`, the form control will have input focus when the page loads. + * @default false */ "autofocus"?: boolean; /** * The number of characters until suggestions appear. The submit button will be disabled until the inputted value is equal to or greater than this number. + * @default 2 */ "charactersUntilSuggestion"?: number; /** * The amount of time, in milliseconds, to wait to trigger the `icChange` event after each keystroke. + * @default 0 */ "debounce"?: number; /** * Specify whether to disable the built in filtering. For example, if options will already be filtered from external source. If `true`, all options provided will be displayed. + * @default false */ "disableAutoFiltering"?: boolean; /** * If `true`, the disabled state will be set. + * @default false */ "disabled"?: boolean; /** * The text displayed when there are no options in the option list. + * @default "No results found" */ "emptyOptionListText"?: string; /** * If `true`, the search bar will be focused when component loaded. + * @default false */ "focusOnLoad"?: boolean; /** * Specify whether the search bar fills the full width of the container. If `true`, this overrides the --input-width CSS variable. + * @default false */ "fullWidth"?: boolean; /** * The helper text that will be displayed for additional field guidance. + * @default "" */ "helperText"?: string; /** * If `true`, the label will be hidden and the required label value will be applied as an aria-label. + * @default false */ "hideLabel"?: boolean; /** @@ -5879,22 +6763,27 @@ declare namespace LocalJSX { "label": string; /** * The custom name for the label field to correspond with the IcMenuOption type. + * @default "label" */ "labelField"?: string; /** * Trigger loading state when fetching options asynchronously + * @default false */ "loading"?: boolean; /** * Change the message displayed when external loading times out. + * @default "Loading Error" */ "loadingErrorLabel"?: string; /** * Change the message displayed whilst the options are being loaded externally. + * @default "Loading..." */ "loadingLabel"?: string; /** * The name of the control, which is submitted with the form data. + * @default this.inputId */ "name"?: string; /** @@ -5941,38 +6830,47 @@ declare namespace LocalJSX { "onIcSubmitSearchBlur"?: (event: IcSearchBarCustomEvent) => void; /** * The suggested search options. + * @default [] */ "options"?: IcMenuOption[]; /** * The placeholder value to display. + * @default "Search" */ "placeholder"?: string; /** * If `true` the parent form will not submit when the icSubmitSearch event fires. + * @default false */ "preventFormSubmitOnSearch"?: boolean; /** * If `true`, the readonly state will be set. + * @default false */ "readonly"?: boolean; /** * If `true`, the search bar will require a value. + * @default false */ "required"?: boolean; /** * Specify the mode search bar uses to search. `navigation` allows for quick lookups of a set of values, `query` allows for more general searches. + * @default "navigation" */ "searchMode"?: IcSearchBarSearchModes; /** * The size of the search bar component. + * @default "medium" */ "size"?: IcSizesNoLarge; /** * If `true`, the value of the search will have its spelling and grammar checked. + * @default false */ "spellcheck"?: boolean; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; /** @@ -5981,38 +6879,46 @@ declare namespace LocalJSX { "timeout"?: number; /** * The value of the search input. + * @default "" */ "value"?: string; /** * The custom name for the value field to correspond with the IcMenuOption type. + * @default "value" */ "valueField"?: string; } interface IcSectionContainer { /** * The alignment of the container. + * @default "left" */ "aligned"?: IcAlignment; /** * If `true`, the standard vertical padding from the container will be removed. + * @default false */ "fullHeight"?: boolean; } interface IcSelect { /** * The amount of time, in milliseconds, to wait to trigger the `icInput` event after each keystroke. + * @default 0 */ "debounce"?: number; /** * If `true`, the built in filtering will be disabled for a searchable variant. For example, if options will already be filtered from external source. + * @default false */ "disableAutoFiltering"?: boolean; /** * If `true`, the disabled state will be set. + * @default false */ "disabled"?: boolean; /** * The text displayed when there are no options in the option list. + * @default "No results found" */ "emptyOptionListText"?: string; /** @@ -6021,22 +6927,27 @@ declare namespace LocalJSX { "form"?: string; /** * If `true`, the select will fill the width of the container. + * @default false */ "fullWidth"?: boolean; /** * The helper text that will be displayed for additional field guidance. + * @default "" */ "helperText"?: string; /** * If `true`, the label will be hidden and the required label value will be applied as an aria-label. + * @default false */ "hideLabel"?: boolean; /** * If `true`, descriptions of options will be included when filtering options in a searchable select. Only applies to built in filtering. + * @default false */ "includeDescriptionsInSearch"?: boolean; /** * If `true`, group titles of grouped options will be included when filtering options in a searchable select. Only applies to built in filtering. + * @default false */ "includeGroupTitlesInSearch"?: boolean; /** @@ -6045,22 +6956,27 @@ declare namespace LocalJSX { "label": string; /** * If `true`, the loading state will be triggered when fetching options asynchronously. + * @default false */ "loading"?: boolean; /** * The message displayed when external loading times out. + * @default "Loading Error" */ "loadingErrorLabel"?: string; /** * The message displayed whilst the options are being loaded externally. + * @default "Loading..." */ "loadingLabel"?: string; /** * If `true`, multiple options can be selected. + * @default false */ "multiple"?: boolean; /** * The name of the control, which is submitted with the form data. + * @default this.inputId */ "name"?: string; /** @@ -6105,42 +7021,52 @@ declare namespace LocalJSX { "onIcRetryLoad"?: (event: IcSelectCustomEvent) => void; /** * The possible selection options. + * @default [] */ "options"?: IcSelectOption[]; /** * The placeholder value to be displayed. + * @default "Select an option" */ "placeholder"?: string; /** * If `true`, the readonly state will be set. + * @default false */ "readonly"?: boolean; /** * If `true`, the select will require a value. + * @default false */ "required"?: boolean; /** * Whether the search string of the searchable select should match the start of or anywhere in the options. Only applies to built in filtering. + * @default "anywhere" */ "searchMatchPosition"?: IcSearchMatchPositions; /** * If `true`, a searchable variant of the select will be displayed which can be typed in to filter options. This functionality is only available on the single-select variant of the select component. + * @default false */ "searchable"?: boolean; /** * If `true`, the icOptionSelect event will be fired on enter instead of ArrowUp and ArrowDown on the single select. + * @default false */ "selectOnEnter"?: boolean; /** * If `true`, a button which clears the select input when clicked will be displayed. The button will always appear on the searchable select. + * @default false */ "showClearButton"?: boolean; /** * The size of the select. + * @default "medium" */ "size"?: IcSizes; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; /** @@ -6149,22 +7075,27 @@ declare namespace LocalJSX { "timeout"?: number; /** * If `true` and on a mobile or tablet device, the native select element will be used instead of the custom select component for better usability. + * @default true */ "useNativeSelectOnMobile"?: boolean; /** * The value of the `aria-live` attribute on the validation message. + * @default "polite" */ "validationAriaLive"?: IcAriaLive; /** * The validation status - e.g. 'error' | 'warning' | 'success'. + * @default "" */ "validationStatus"?: IcInformationStatusOrEmpty; /** * The text to display as the validation message. + * @default "" */ "validationText"?: string; /** * The value of the select, reflected by the value of the currently selected option. For the searchable variant, the value is also reflected by the user input. For the multi-select variant, the value must be an array of option values. + * @default null */ "value"?: string | string[] | null; } @@ -6175,28 +7106,37 @@ declare namespace LocalJSX { "appTitle"?: string; /** * If `true`, the side navigation will close when a navigation item is clicked. This behaviour is only applicable on larger device sizes. + * @default false */ "closeOnNavItemClick"?: boolean; /** * If `true`, the icon and label will appear when side navigation is collapsed. + * @default false */ "collapsedIconLabels"?: boolean; /** * If `true`, automatic parent wrapper styling will be disabled. + * @default false */ "disableAutoParentStyling"?: boolean; /** * If `true`, the side navigation will not display as a top bar on small devices. + * @default false */ "disableTopBarBehaviour"?: boolean; /** * If `true`, the side navigation will display in an expanded state. + * @default false */ "expanded"?: boolean; /** * The URL that the app title link points to. + * @default "/" */ "href"?: string; + /** + * @default false + */ "inline"?: boolean; /** * Emitted when the side navigation is collapsed and expanded. @@ -6204,10 +7144,12 @@ declare namespace LocalJSX { "onIcSideNavExpanded"?: (event: IcSideNavigationCustomEvent) => void; /** * The short title of the app to be displayed at small screen sizes in place of the app title. + * @default "" */ "shortAppTitle"?: string; /** * If `true`, the menu expand button will be removed (PLEASE NOTE: This takes effect on screen sizes 992px and above). + * @default false */ "static"?: boolean; /** @@ -6226,10 +7168,12 @@ declare namespace LocalJSX { "height"?: string; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; /** * The variant of the skeleton that will be displayed. + * @default "rectangle" */ "variant"?: IcSkeletonVariants; /** @@ -6240,18 +7184,22 @@ declare namespace LocalJSX { interface IcSkipLink { /** * If `true`, the skip link will fill the width of the page. + * @default false */ "fullWidth"?: boolean; /** * If `true`, the skip link will appear inline with surrounding page content when focused. + * @default false */ "inline"?: boolean; /** * The label displayed when the skip link is focused. + * @default "Skip to main content" */ "label"?: string; /** * If `true`, the skip link will display as black in the light theme, and white in the dark theme. + * @default false */ "monochrome"?: boolean; /** @@ -6260,16 +7208,19 @@ declare namespace LocalJSX { "target": string; /** * Sets the theme color to the dark or light theme color. `inherit` will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; /** * If `true`, the background will be hidden. + * @default false */ "transparentBackground"?: boolean; } interface IcStatusTag { /** * If `true`, role='status' is added to the component and it will act as an 'aria-live' region. Screen readers will announce changes to the `label`, but not the initial value. + * @default false */ "announced"?: boolean; /** @@ -6278,27 +7229,35 @@ declare namespace LocalJSX { "label": string; /** * The size of the status tag component. + * @default "medium" */ "size"?: IcSizes; /** * The colour of the status tag. + * @default "neutral" */ "status"?: IcStatusTagStatuses; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: "dark" | "light" | "inherit"; /** * The letter case of the status tag's label. + * @default true */ "uppercase"?: boolean; /** * The emphasis of the status tag. + * @default "filled" */ "variant"?: IcEmphasisType; } interface IcStep { "compactStepStyling"?: IcStepTypes; + /** + * @default false + */ "current"?: boolean; /** * The title of the step within the stepper. @@ -6306,6 +7265,7 @@ declare namespace LocalJSX { "heading"?: string; /** * Words within the component that can be replaced to translate the component into a different language + * @default { next: "Next", step: "Step", steps: "Steps", of: "of", lastStep: "Last step", completed: "Completed", notRequired: "Not required", required: "Required", optional: "Optional", } */ "icI18n"?: IcStepI18n; "lastStep": boolean; @@ -6321,9 +7281,13 @@ declare namespace LocalJSX { * Additional information about the step. Use this prop to override the default step status messaging displayed when selecting a step type or step status. */ "subheading"?: string; + /** + * @default "inherit" + */ "theme"?: IcThemeMode; /** * The state of the step within the stepper. + * @default "active" */ "type"?: IcStepTypes; "variant": IcStepVariants; @@ -6331,44 +7295,54 @@ declare namespace LocalJSX { interface IcStepper { /** * The alignment of the default stepper within its container. + * @default "full-width" */ "aligned"?: IcStepperAlignment; /** * The length of the connector between each step in pixels. Minimum length is 100px. + * @default 100 */ "connectorWidth"?: number; /** * If `true`, the information about each step, i.e. step title, step subtitle and step status, will be hidden on all default steps. The information about each step will still be visible in the compact variant of the stepper. + * @default false */ "hideStepInfo"?: boolean; /** * Provide alternative values for text in all child steps. For the purpose of translating the application into other languages. + * @default { next: "Next", step: "Step", steps: "Steps", of: "of", lastStep: "Last step", completed: "Completed", notRequired: "Not required", required: "Required", optional: "Optional", } */ "icI18n"?: IcStepI18n; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; /** * The variant of the stepper. + * @default "default" */ "variant"?: IcStepVariants; } interface IcSwitch { /** * If `true`, the switch will display as checked. + * @default false */ "checked"?: boolean; /** * If `true`, the disabled state will be set. + * @default false */ "disabled"?: boolean; /** * The helper text that will be displayed for additional field guidance. + * @default "" */ "helperText"?: string; /** * If `true`, the label will be hidden and the required label value will be applied as an aria-label. + * @default false */ "hideLabel"?: boolean; /** @@ -6377,6 +7351,7 @@ declare namespace LocalJSX { "label": string; /** * The name of the control, which is submitted with the form data. + * @default this.inputId */ "name"?: string; /** @@ -6393,45 +7368,64 @@ declare namespace LocalJSX { "onIcFocus"?: (event: IcSwitchCustomEvent) => void; /** * The size of the switch component. + * @default "medium" */ "size"?: IcSizes; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; /** * The value of the toggle does not mean if it's checked or not, use the `checked` property for that. The value of a toggle is analogous to the value of a ``, it's only used when the toggle participates in a native ``. + * @default "on" */ "value"?: string | null; } interface IcTab { + /** + * @default "default" + */ "contextId"?: string; /** * If `true`, the disabled state will be set. + * @default false */ "disabled"?: boolean; + /** + * @default false + */ "monochrome"?: boolean; "onTabClick"?: (event: IcTabCustomEvent) => void; "onTabCreated"?: (event: IcTabCustomEvent) => void; "onTabEnabled"?: (event: IcTabCustomEvent) => void; "onTabFocus"?: (event: IcTabCustomEvent) => void; "onTabRemoved"?: (event: IcTabCustomEvent) => void; + /** + * @default false + */ "selected"?: boolean; "tabId": string; "tabPosition": number; + /** + * @default "inherit" + */ "theme"?: IcThemeMode; } interface IcTabContext { /** * Determines whether tabs have to be manually activated (by pressing 'Enter' or 'Space') when they receive focus using keyboard navigation. + * @default "automatic" */ "activationType"?: IcActivationTypes; /** * The unique context needed if using multiple tabs inside one another i.e. rendering another set of tabs inside a tab panel. + * @default "default" */ "contextId"?: string; /** * If `true`, the tabs will display as black in the light theme. + * @default false */ "monochrome"?: boolean; /** @@ -6444,29 +7438,46 @@ declare namespace LocalJSX { "selectedTabIndex"?: number; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; } interface IcTabGroup { /** * If `true`, the tabs and tab panels will be positioned separately. + * @default false */ "inline"?: boolean; /** * The label to describe the purpose of the set of tabs to screen reader users. */ "label": string; + /** + * @default false + */ "monochrome"?: boolean; + /** + * @default "inherit" + */ "theme"?: IcThemeMode; } interface IcTabPanel { + /** + * @default false + */ "active"?: boolean; + /** + * @default false + */ "monochrome"?: boolean; "onTabPanelCreated"?: (event: IcTabPanelCustomEvent) => void; "onTabPanelRemoved"?: (event: IcTabPanelCustomEvent) => void; "panelId"?: string; "selectedTab"?: string; "tabPosition"?: number; + /** + * @default "inherit" + */ "theme"?: IcThemeMode; } interface IcTextField { @@ -6476,51 +7487,66 @@ declare namespace LocalJSX { "ariaOwns"?: string; /** * The automatic capitalisation of the text value as it is entered/edited by the user. Available options: "off", "none", "on", "sentences", "words", "characters". + * @default "off" */ "autocapitalize"?: string; /** * The state of autocompletion the browser can apply on the text value. + * @default "off" */ "autocomplete"?: IcAutocompleteTypes; /** * The state of autocorrection the browser can apply when the user is entering/editing the text value. + * @default "off" */ "autocorrect"?: IcAutocorrectStates; /** * If `true`, the form control will have input focus when the page loads. + * @default false */ "autofocus"?: boolean; /** * The amount of time, in milliseconds, to wait to trigger the `icChange` event after each keystroke. + * @default 0 */ "debounce"?: number; /** * If `true`, the disabled state will be set. + * @default false */ "disabled"?: boolean; /** * Specify whether the text field fills the full width of the container. If `true`, this overrides the --input-width CSS variable. + * @default false */ "fullWidth"?: boolean; /** * The helper text that will be displayed for additional field guidance. + * @default "" */ "helperText"?: string; + /** + * @default true + */ "hiddenInput"?: boolean; /** * If `true`, the character count which is displayed when `maxCharacters` is set will be visually hidden. + * @default false */ "hideCharCount"?: boolean; /** * If `true`, the label will be hidden and the required label value will be applied as an aria-label. + * @default false */ "hideLabel"?: boolean; /** * The ID for the input. + * @default `ic-text-field-input-${inputIds++}` */ "inputId"?: string; /** * A hint to the browser for which keyboard to display. Possible values: `"none"`, `"text"`, `"tel"`, `"url"`, `"email"`, `"numeric"`, `"decimal"`, and `"search"`. + * @default "text" */ "inputmode"?: IcTextFieldInputModes; /** @@ -6533,14 +7559,17 @@ declare namespace LocalJSX { "max"?: string | number; /** * The count of characters in the field. Will display a warning if the bound is reached. (NOTE: If the value of the text field has been set using the `value` prop, it will be truncated to this number of characters) + * @default 0 */ "maxCharacters"?: number; /** * The text to display as the warning message when the maximum number of characters (the `maxCharacters` prop value) is reached. + * @default `Maximum input is ${this.maxCharacters} characters` */ "maxCharactersMessage"?: string; /** * The text to display as the error message when the maximum value (the `max` prop value) has been exceeded. + * @default `Maximum value of ${this.max} exceeded` */ "maxMessage"?: string; /** @@ -6549,18 +7578,22 @@ declare namespace LocalJSX { "min"?: string | number; /** * The minimum number of characters that can be entered in the field. + * @default 0 */ "minCharacters"?: number; /** * The text to display as the error message when the minimum number of characters (the `minCharacters` prop value) has not been met. + * @default `Minimum input is ${this.minCharacters} characters` */ "minCharactersMessage"?: string; /** * The text to display as the error message when the minimum value (the `min` prop value) has not been met. + * @default `Minimum value of ${this.min} not met` */ "minMessage"?: string; /** * The name of the control, which is submitted with the form data. + * @default this.inputId */ "name"?: string; "onGetValidationText"?: (event: IcTextFieldCustomEvent) => void; @@ -6590,67 +7623,88 @@ declare namespace LocalJSX { "onIcScroll"?: (event: IcTextFieldCustomEvent) => void; /** * The placeholder value to be displayed. + * @default "" */ "placeholder"?: string; /** * If `true`, the read only state will be set. + * @default false */ "readonly"?: boolean; /** * If `true`, the input will require a value. + * @default false */ "required"?: boolean; /** * If `true`, the multiline text area will be resizeable. + * @default false */ "resize"?: boolean; "role"?: string | null; /** * The number of rows to transform the text field into a text area with a specific height. + * @default 1 */ "rows"?: number; /** * The size of the text field component. + * @default "medium" */ "size"?: IcSizesNoLarge; /** * If `true`, the value of the text field will have its spelling and grammar checked. + * @default false */ "spellcheck"?: boolean; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; + /** + * @default false + */ "truncateValue"?: boolean; /** * The type of control to display. The default type is text. + * @default "text" */ "type"?: IcTextFieldTypes; /** * The value of the `aria-live` attribute on the validation message. When set to "default", the `aria-live` value will be handled automatically, e.g. "assertive" for `validation-status="error"`. + * @default "default" */ "validationAriaLive"?: IcValidationAriaLive; /** * If `true`, the icon in input control will be displayed - only applies when validationStatus ='success'. + * @default false */ "validationInline"?: boolean; + /** + * @default false + */ "validationInlineInternal"?: boolean; /** * The validation state - e.g. 'error' | 'warning' | 'success'. + * @default "" */ "validationStatus"?: IcInformationStatusOrEmpty; /** * The text to display as the validation message. + * @default "" */ "validationText"?: string; /** * The value of the text field. + * @default "" */ "value"?: string; } interface IcTheme { /** * The brand colour. Can be a hex value e.g. "#ff0000", RGB e.g. "rgb(255, 0, 0)", or RGBA e.g. "rgba(255, 0, 0, 1)". + * @default null */ "brandColor"?: IcColor | null; "onBrandChange"?: (event: IcThemeCustomEvent) => void; @@ -6660,20 +7714,24 @@ declare namespace LocalJSX { "onIcThemeChange"?: (event: IcThemeCustomEvent) => void; /** * The theme mode. Can be "dark", "light", or "system". "system" will use the device or browser settings. + * @default "light" */ "theme"?: IcThemeSettings; } interface IcToast { /** * If toast dismissMode is set to `automatic`, use this prop to define the time before the toast dismisses (in MILLISECONDS) (NOTE: Has a minimum value of `5000ms`) + * @default 5000 */ "autoDismissTimeout"?: number | undefined; /** * If toast can be manually dismissed, this prop sets a custom aria-label for the ic-button component + * @default "dismiss" */ "dismissButtonAriaLabel"?: string | undefined; /** * How the toast will be dismissed. If manual will display a dismiss button. + * @default "manual" */ "dismissMode"?: IcActivationTypes; /** @@ -6694,6 +7752,7 @@ declare namespace LocalJSX { "onIcDismiss"?: (event: IcToastCustomEvent) => void; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; /** @@ -6714,18 +7773,22 @@ declare namespace LocalJSX { "accessibleLabel"?: string; /** * If `true`, the toggle button will be in a checked state. + * @default false */ "checked"?: boolean; /** * If `true`, the toggle button will be in disabled state. + * @default false */ "disabled"?: boolean; /** * If `true`, the toggle button will fill the width of the container. + * @default false */ "fullWidth"?: boolean; /** * The placement of the icon in relation to the toggle button label. + * @default "left" */ "iconPlacement"?: IcIconPlacementOptions; /** @@ -6734,10 +7797,12 @@ declare namespace LocalJSX { "label"?: string; /** * If `true`, the toggle button will be in loading state. + * @default false */ "loading"?: boolean; /** * If `true`, the toggle button will display as black in the light theme, and white in dark theme. + * @default false */ "monochrome"?: boolean; /** @@ -6748,36 +7813,44 @@ declare namespace LocalJSX { }>) => void; /** * If `true`, the toggle button will display with an outline. + * @default true */ "outline"?: boolean; /** * The size of the toggle button to be displayed. + * @default "medium" */ "size"?: IcSizes; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; /** * The position of the tooltip in relation to the toggle button. + * @default "bottom" */ "tooltipPlacement"?: IcButtonTooltipPlacement; /** * The variant of the toggle button. + * @default "default" */ "variant"?: "default" | "icon"; } interface IcToggleButtonGroup { /** * The accessible label of the toggle button group component to provide context for screen reader users. + * @default "Toggle button group" */ "accessibleLabel"?: string; /** * If `true`, the toggle button group will be set to the disabled state. + * @default false */ "disabled"?: boolean; /** * If `true`, the toggle button group will fill the width of the container. + * @default false */ "fullWidth"?: boolean; /** @@ -6786,10 +7859,12 @@ declare namespace LocalJSX { "iconPlacement"?: IcIconPlacementOptions; /** * If `true`, the toggle button group will be in loading state. + * @default false */ "loading"?: boolean; /** * If `true`, the toggle button group will display as black in the light theme, and white in dark theme. + * @default false */ "monochrome"?: boolean; /** @@ -6798,44 +7873,54 @@ declare namespace LocalJSX { "onIcChange"?: (event: IcToggleButtonGroupCustomEvent) => void; /** * If `true`, the toggle button group will display with an outline. + * @default true */ "outline"?: boolean; /** * If `auto`, controls are toggled automatically when navigated to. If `manual`, the controls must be actioned to change their toggled state. The value of this prop is ignored if `selectType` is set to`multi`. + * @default "manual" */ "selectMethod"?: IcSelectMethodTypes; /** * Sets whether single or multiple options can be toggled. If `multi`, then the `selectMethod` is always `manual`. + * @default "single" */ "selectType"?: IcSelectTypes; /** * The size of the toggle buttons to be displayed. This does not affect the font size of the accessible label. + * @default "medium" */ "size"?: IcSizes; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; /** * The position of the tooltip in relation to the toggle buttons. + * @default "bottom" */ "tooltipPlacement"?: IcButtonTooltipPlacement; /** * The variant of the toggle button. + * @default "default" */ "variant"?: "default" | "icon"; } interface IcTooltip { /** * If `true`, the tooltip will not be displayed on click, it will require hover or using the display method. + * @default false */ "disableClick"?: boolean; /** * If `true`, the tooltip will not be displayed on hover, it will require a click. + * @default false */ "disableHover"?: boolean; /** * Setting to `true` can help in situations where tooltip content is clipped by a parent element. + * @default false */ "fixedPositioning"?: boolean; /** @@ -6856,8 +7941,12 @@ declare namespace LocalJSX { "onIcTooltipShow"?: (event: IcTooltipCustomEvent) => void; /** * The position of the tooltip in relation to the parent element. + * @default "bottom" */ "placement"?: IcTooltipPlacements; + /** + * @default false + */ "silent"?: boolean; /** * The ID of the element the tooltip is describing - for when aria-labelledby or aria-describedby is used. @@ -6865,6 +7954,7 @@ declare namespace LocalJSX { "target"?: string; /** * Sets the tooltip to the dark or light theme colors. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; } @@ -6875,22 +7965,27 @@ declare namespace LocalJSX { "appTitle"?: string; /** * The alignment of the top navigation content. + * @default "full-width" */ "contentAligned"?: IcAlignment; /** * Can set a custom breakpoint for the top navigation to switch to mobile mode. Must be one of our specified breakpoints in px: `0`, `576`, `768`, `992`, `1200`. + * @default DEVICE_SIZES.L */ "customMobileBreakpoint"?: IcDeviceSizes; /** * If `true`, the app title will be hidden, but still accessible to screen readers. + * @default false */ "hideAppTitle"?: boolean; /** * The URL to navigate to when the app title or app icon is clicked. + * @default "/" */ "href"?: string; /** * If `true`, the flyout navigation menu on small devices will be contained by the parent element. + * @default false */ "inline"?: boolean; "onIcNavigationMenuClosed"?: (event: IcTopNavigationCustomEvent) => void; @@ -6901,32 +7996,39 @@ declare namespace LocalJSX { "onIcTopNavResized"?: (event: IcTopNavigationCustomEvent<{ size: number }>) => void; /** * The short title of the app to be displayed at small screen sizes in place of the app title. + * @default "" */ "shortAppTitle"?: string; /** * The status info to be displayed. + * @default "" */ "status"?: string; /** * Sets the theme color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; /** * The version info to be displayed. + * @default "" */ "version"?: string; } interface IcTypography { /** * If `true`, appropriate top and bottom margins will be applied to the typography. + * @default false */ "applyVerticalMargins"?: boolean; /** * If `true`, the typography will have a bold font weight. Note: This will have no impact on variants that already use an equivalent or higher font weight (h1, h2, and subtitle-large). + * @default false */ "bold"?: boolean; /** * If `true`, the typography will have an italic font style. + * @default false */ "italic"?: boolean; /** @@ -6939,168 +8041,979 @@ declare namespace LocalJSX { }>) => void; /** * If `true`, the typography will have a line through it. + * @default false */ "strikethrough"?: boolean; /** * Sets the text color to the dark or light theme color. "inherit" will set the color based on the system settings or ic-theme component. + * @default "inherit" */ "theme"?: IcThemeMode; /** * If `true`, the typography will have a line under it. + * @default false */ "underline"?: boolean; /** * The ICDS typography style to use. + * @default "body" */ "variant"?: IcTypographyVariants; } + + interface IcAccordionAttributes { + "disabled": boolean; + "expanded": boolean; + "heading": string; + "message": string; + "size": IcSizes; + "theme": IcThemeMode; + } + interface IcAccordionGroupAttributes { + "accessibleButtonLabel": string; + "theme": IcThemeMode; + "expanded": boolean; + "label": string; + "singleExpansion": boolean; + "size": IcSizes; + } + interface IcActionChipAttributes { + "disabled": boolean; + "download": string; + "form": string; + "formaction": string; + "formenctype": string; + "formmethod": string; + "formnovalidate": boolean; + "formtarget": string; + "href": string; + "hreflang": string; + "label": string; + "monochrome": boolean; + "referrerpolicy": ReferrerPolicy; + "rel": string; + "size": IcSizes; + "target": string; + "theme": IcThemeMode; + "transparentBackground": boolean; + "type": IcButtonTypes; + "variant": IcEmphasisType; + } + interface IcAlertAttributes { + "announced": boolean; + "dismissible": boolean; + "dismissLabel": string | undefined; + "heading": string; + "message": string; + "showDefaultIcon": boolean; + "theme": IcThemeMode; + "titleAbove": boolean; + "variant": IcStatusVariants; + } + interface IcBackToTopAttributes { + "position": IcBackToTopPositions; + "target": string; + "theme": IcThemeMode; + "variant": IcBackToTopVariants; + } + interface IcBadgeAttributes { + "accessibleLabel": string; + "customColor": IcColor; + "maxNumber": number; + "position": IcBadgePositions; + "size": IcSizes; + "label": string; + "theme": IcThemeMode; + "type": IcBadgeTypes; + "variant": IcBadgeVariants; + "visible": boolean; + } + interface IcBreadcrumbAttributes { + "current": boolean; + "href": string; + "monochrome": boolean; + "pageTitle": string; + "showBackIcon": boolean; + "theme": IcThemeMode; + } + interface IcBreadcrumbGroupAttributes { + "backBreadcrumbOnly": boolean; + "collapsed": boolean; + "monochrome": boolean; + "theme": IcThemeMode; + } + interface IcButtonAttributes { + "accept": string; + "ariaControlsId": string; + "ariaOwnsId": string; + "disabled": boolean; + "disableTooltip": boolean; + "download": string; + "dropdown": boolean; + "dropdownExpanded": boolean; + "fileUpload": boolean; + "fileInputName": string; + "form": string; + "formaction": string; + "formenctype": string; + "formmethod": string; + "formnovalidate": boolean; + "formtarget": string; + "fullWidth": boolean; + "href": string; + "hreflang": string; + "loading": boolean; + "monochrome": boolean; + "multiple": boolean; + "referrerpolicy": ReferrerPolicy; + "rel": string; + "size": IcSizes; + "target": string; + "theme": IcThemeMode; + "tooltipFixedPositioning": boolean; + "tooltipPlacement": IcButtonTooltipPlacement; + "transparentBackground": boolean; + "type": IcButtonTypes; + "variant": IcButtonVariants; + } + interface IcCardHorizontalAttributes { + "clickable": boolean; + "density": IcCardDensity; + "disabled": boolean; + "heading": string; + "href": string | undefined; + "hreflang": string; + "message": string; + "referrerpolicy": ReferrerPolicy; + "rel": string; + "size": IcSizes; + "subheading": string; + "target": string; + "theme": IcThemeMode; + } + interface IcCardVerticalAttributes { + "clickable": boolean; + "disabled": boolean; + "expandable": boolean; + "fullWidth": boolean; + "heading": string; + "href": string; + "hreflang": string; + "message": string; + "referrerpolicy": ReferrerPolicy; + "rel": string; + "subheading": string; + "target": string; + "theme": IcThemeMode; + } + interface IcCheckboxAttributes { + "additionalFieldDisplay": IcAdditionalFieldTypes; + "checked": boolean; + "disabled": boolean; + "dynamicText": string; + "form": string; + "groupLabel": string; + "hideLabel": boolean; + "indeterminate": boolean; + "label": string; + "name": string; + "nativeIndeterminateBehaviour": boolean; + "size": IcSizes; + "theme": IcThemeMode; + "value": string; + } + interface IcCheckboxGroupAttributes { + "disabled": boolean; + "helperText": string; + "hideLabel": boolean; + "label": string; + "name": string; + "required": boolean; + "size": IcSizes; + "theme": IcThemeMode; + "validationAriaLive": IcAriaLive; + "validationStatus": IcInformationStatusOrEmpty; + "validationText": string; + } + interface IcChipAttributes { + "customColor": IcColor; + "disabled": boolean; + "dismissible": boolean; + "dismissLabel": string; + "fullWidth": boolean; + "label": string; + "size": IcSizes; + "theme": IcThemeMode; + "transparentBackground": boolean; + "variant": IcEmphasisType; + } + interface IcClassificationBannerAttributes { + "additionalSelectors": string; + "classification": IcProtectiveMarkings; + "country": string; + "customClassificationText": string; + "inline": boolean; + "upTo": boolean; + } + interface IcDataListAttributes { + "heading": string; + "size": IcSizesNoLarge; + "theme": IcThemeMode; + } + interface IcDataRowAttributes { + "label": string; + "size": IcSizesNoLarge; + "theme": IcThemeMode; + "value": string; + } + interface IcDialogAttributes { + "closeOnBackdropClick": boolean; + "destructive": boolean; + "dismissLabel": string; + "disableHeightConstraint": boolean; + "disableWidthConstraint": boolean; + "hideCloseButton": boolean; + "hideDefaultControls": boolean; + "heading": string; + "label": string; + "open": boolean; + "size": "small" | "medium" | "large"; + "theme": IcThemeMode; + } + interface IcDividerAttributes { + "borderStyle": IcDividerStyles; + "label": string; + "labelPlacement": IcDividerLabelPlacement; + "monochrome": boolean; + "orientation": IcOrientation; + "theme": IcThemeMode | IcBrandForeground; + "weight": IcDividerWeights; + } + interface IcEmptyStateAttributes { + "aligned": IcEmptyStateAlignment; + "body": string; + "maxLines": number; + "heading": string; + "imageSize": IcSizes; + "subheading": string; + "theme": IcThemeMode; + } + interface IcFooterAttributes { + "aligned": IcAlignment; + "breakpoint": IcFooterBreakpoints; + "caption": string; + "copyright": boolean; + "copyrightText": string; + "description": string; + "groupLinks": boolean; + } + interface IcFooterLinkAttributes { + "download": string; + "href": string; + "hreflang": string; + "referrerpolicy": ReferrerPolicy; + "rel": string; + "target": string; + } + interface IcFooterLinkGroupAttributes { + "label": string; + } + interface IcHeroAttributes { + "aligned": IcAlignment; + "backgroundImage": string; + "contentAligned": IcHeroContentAlignments; + "disableBackgroundParallax": boolean; + "heading": string; + "secondaryHeading": string; + "secondarySubheading": string; + "size": IcSizesNoLarge; + "subheading": string; + "theme": IcThemeMode; + } + interface IcHorizontalScrollAttributes { + "appearance": IcBrandForeground; + "monochrome": boolean; + "theme": IcThemeMode; + "focusTrigger": string; + } + interface IcInputComponentContainerAttributes { + "disabled": boolean; + "fullWidth": boolean; + "multiLine": boolean; + "readonly": boolean; + "size": IcSizes; + "validationInline": boolean; + "validationStatus": IcInformationStatusOrEmpty; + } + interface IcInputContainerAttributes { + "disabled": boolean; + "readonly": boolean; + } + interface IcInputLabelAttributes { + "disabled": boolean; + "for": string; + "helperText": string; + "hideLabel": boolean; + "label": string; + "readonly": boolean; + "required": boolean; + "status": "error" | ""; + "useLabelTag": boolean; + } + interface IcInputValidationAttributes { + "ariaLiveMode": IcAriaLive; + "for": string; + "fullWidth": boolean; + "message": string; + "status": IcInformationStatusOrEmpty; + } + interface IcLayoutGridAttributes { + "aligned": IcAlignment; + "columns": IcGridBreakpoints; + "defaultColSpan": IcGridBreakpoints; + "defaultColWidth": string; + "defaultRowSpan": number; + "fullHeight": boolean; + "gridSpacing": number; + "rows": number; + "type": IcGridType; + } + interface IcLayoutGridItemAttributes { + "colSpan": number; + "colStart": number; + "hideInMobileMode": boolean; + "rowSpan": number; + "rowStart": number; + } + interface IcLinkAttributes { + "download": string; + "href": string; + "hreflang": string; + "monochrome": boolean; + "referrerpolicy": ReferrerPolicy; + "rel": string; + "target": string; + "theme": IcThemeMode; + } + interface IcLoadingIndicatorAttributes { + "description": string; + "fullWidth": boolean; + "innerLabel": number; + "label": string | string[]; + "labelDuration": number; + "max": number; + "min": number; + "monochrome": boolean; + "progress": number; + "size": IcLoadingSizes; + "theme": IcThemeMode; + "type": IcLoadingTypes; + } + interface IcMenuAttributes { + "activationType": IcActivationTypes; + "autofocusOnSelected": boolean; + "closeOnSelect": boolean; + "fullWidth": boolean; + "inputLabel": string; + "labelField": string; + "menuId": string; + "multiSelect": boolean; + "open": boolean; + "searchableSelect": boolean; + "searchBar": boolean; + "searchMode": IcSearchBarSearchModes; + "selectOnEnter": boolean; + "size": IcSizes; + "value": string | string[]; + "valueField": string; + "allowMenuFocus": boolean; + } + interface IcMenuGroupAttributes { + "label": string; + } + interface IcMenuItemAttributes { + "checked": boolean; + "description": string; + "disabled": boolean; + "href": string; + "hreflang": string; + "keyboardShortcutLabel": string; + "label": string; + "referrerpolicy": ReferrerPolicy; + "rel": string; + "submenuTriggerFor": string; + "target": string; + "variant": IcMenuItemVariants; + } + interface IcNavigationButtonAttributes { + "download": string; + "href": string; + "hreflang": string; + "label": string; + "referrerpolicy": ReferrerPolicy; + "rel": string; + "target": string; + "theme": IcThemeMode; + } + interface IcNavigationGroupAttributes { + "expandable": boolean; + "expanded": boolean; + "label": string; + "theme": IcThemeMode; + } + interface IcNavigationItemAttributes { + "collapsedIconLabel": boolean; + "displayNavigationTooltip": boolean; + "download": string; + "expandable": boolean; + "href": string; + "hreflang": string; + "label": string; + "rel": string; + "referrerpolicy": ReferrerPolicy; + "selected": boolean; + "target": string; + "theme": IcThemeMode; + } + interface IcNavigationMenuAttributes { + "status": string; + "theme": IcThemeMode; + "version": string; + } + interface IcPageHeaderAttributes { + "aligned": IcAlignment; + "border": boolean; + "heading": string; + "reverseOrder": boolean; + "size": IcSizesNoLarge; + "sticky": boolean; + "stickyDesktopOnly": boolean; + "subheading": string; + "theme": IcThemeMode; + } + interface IcPaginationAttributes { + "accessibleLabel": string; + "adjacentPageCount": number; + "boundaryPageCount": number; + "defaultPage": number; + "disabled": boolean; + "hideCurrentPage": boolean; + "hideFirstAndLastPageButton": boolean; + "label": string; + "monochrome": boolean; + "pages": number; + "theme": IcThemeMode; + "type": IcPaginationTypes; + "currentPage": number; + } + interface IcPaginationBarAttributes { + "accessibleLabel": string; + "alignment": IcPaginationAlignmentOptions; + "currentPage": number; + "selectedItemsPerPage": number; + "hideAllFromItemsPerPage": boolean; + "hideCurrentPage": boolean; + "hideFirstAndLastPageButton": boolean; + "itemLabel": string; + "monochrome": boolean; + "theme": IcThemeMode; + "type": IcPaginationTypes; + "rangeLabelType": IcPaginationLabelTypes; + "pageLabel": string; + "showGoToPageControl": boolean; + "hideRangeLabel": boolean; + "selectItemsPerPageOnEnter": boolean; + "showItemsPerPageControl": boolean; + "totalItems": number; + "setToFirstPageOnPaginationChange": boolean; + } + interface IcPaginationItemAttributes { + "disabled": boolean; + "label": string; + "monochrome": boolean; + "page": number; + "selected": boolean; + "theme": IcThemeMode; + "type": IcPaginationItemType; + } + interface IcPopoverMenuAttributes { + "anchor": string; + "fixedPositioning": boolean; + "parentLabel": string; + "submenuId": string; + "submenuLevel": number; + "theme": IcThemeMode; + "open": boolean | undefined; + } + interface IcRadioGroupAttributes { + "disabled": boolean; + "helperText": string; + "hideLabel": boolean; + "label": string; + "name": string; + "orientation": IcOrientation; + "required": boolean; + "size": IcSizes; + "validationAriaLive": IcAriaLive; + "validationStatus": IcInformationStatusOrEmpty; + "validationText": string; + "theme": IcThemeMode; + } + interface IcRadioOptionAttributes { + "additionalFieldDisplay": IcAdditionalFieldTypes; + "disabled": boolean; + "dynamicText": string; + "form": string; + "groupLabel": string; + "label": string; + "name": string; + "theme": IcThemeMode; + "value": string; + "selected": boolean; + } + interface IcSearchBarAttributes { + "autocapitalize": string; + "autocomplete": IcAutocompleteTypes; + "autocorrect": IcAutocorrectStates; + "autofocus": boolean; + "charactersUntilSuggestion": number; + "disabled": boolean; + "disableAutoFiltering": boolean; + "debounce": number; + "emptyOptionListText": string; + "focusOnLoad": boolean; + "fullWidth": boolean; + "helperText": string; + "hideLabel": boolean; + "assistiveHintText": string; + "label": string; + "labelField": string; + "loading": boolean; + "loadingErrorLabel": string; + "loadingLabel": string; + "name": string; + "placeholder": string; + "preventFormSubmitOnSearch": boolean; + "readonly": boolean; + "required": boolean; + "searchMode": IcSearchBarSearchModes; + "size": IcSizesNoLarge; + "spellcheck": boolean; + "theme": IcThemeMode; + "timeout": number; + "valueField": string; + "value": string; + } + interface IcSectionContainerAttributes { + "aligned": IcAlignment; + "fullHeight": boolean; + } + interface IcSelectAttributes { + "disabled": boolean; + "disableAutoFiltering": boolean; + "emptyOptionListText": string; + "form": string; + "fullWidth": boolean; + "helperText": string; + "hideLabel": boolean; + "includeDescriptionsInSearch": boolean; + "includeGroupTitlesInSearch": boolean; + "label": string; + "loadingErrorLabel": string; + "loadingLabel": string; + "multiple": boolean; + "name": string; + "placeholder": string; + "readonly": boolean; + "required": boolean; + "searchable": boolean; + "searchMatchPosition": IcSearchMatchPositions; + "selectOnEnter": boolean; + "showClearButton": boolean; + "size": IcSizes; + "timeout": number; + "theme": IcThemeMode; + "validationAriaLive": IcAriaLive; + "validationStatus": IcInformationStatusOrEmpty; + "validationText": string; + "useNativeSelectOnMobile": boolean; + "loading": boolean; + "debounce": number; + "value": string | string[] | null; + } + interface IcSideNavigationAttributes { + "appTitle": string; + "closeOnNavItemClick": boolean; + "collapsedIconLabels": boolean; + "disableAutoParentStyling": boolean; + "disableTopBarBehaviour": boolean; + "expanded": boolean; + "href": string; + "inline": boolean; + "shortAppTitle": string; + "static": boolean; + "status": string; + "version": string; + } + interface IcSkeletonAttributes { + "theme": IcThemeMode; + "variant": IcSkeletonVariants; + "height": string; + "width": string; + } + interface IcSkipLinkAttributes { + "fullWidth": boolean; + "inline": boolean; + "label": string; + "monochrome": boolean; + "target": string; + "theme": IcThemeMode; + "transparentBackground": boolean; + } + interface IcStatusTagAttributes { + "announced": boolean; + "label": string; + "size": IcSizes; + "status": IcStatusTagStatuses; + "theme": "dark" | "light" | "inherit"; + "uppercase": boolean; + "variant": IcEmphasisType; + } + interface IcStepAttributes { + "compactStepStyling": IcStepTypes; + "current": boolean; + "lastStep": boolean; + "lastStepNum": number; + "nextStepHeading": string; + "progress": number; + "stepNum": number; + "status": IcStepStatuses; + "subheading": string; + "heading": string; + "theme": IcThemeMode; + "variant": IcStepVariants; + "type": IcStepTypes; + } + interface IcStepperAttributes { + "aligned": IcStepperAlignment; + "connectorWidth": number; + "hideStepInfo": boolean; + "theme": IcThemeMode; + "variant": IcStepVariants; + } + interface IcSwitchAttributes { + "checked": boolean; + "disabled": boolean; + "helperText": string; + "hideLabel": boolean; + "label": string; + "name": string; + "size": IcSizes; + "theme": IcThemeMode; + "value": string | null; + } + interface IcTabAttributes { + "contextId": string; + "disabled": boolean; + "monochrome": boolean; + "selected": boolean; + "tabId": string; + "tabPosition": number; + "theme": IcThemeMode; + } + interface IcTabContextAttributes { + "activationType": IcActivationTypes; + "contextId": string; + "selectedTabIndex": number; + "monochrome": boolean; + "theme": IcThemeMode; + } + interface IcTabGroupAttributes { + "inline": boolean; + "label": string; + "monochrome": boolean; + "theme": IcThemeMode; + } + interface IcTabPanelAttributes { + "active": boolean; + "monochrome": boolean; + "panelId": string; + "selectedTab": string; + "tabPosition": number; + "theme": IcThemeMode; + } + interface IcTextFieldAttributes { + "ariaActiveDescendant": string; + "ariaAutocomplete": IcAriaAutocompleteTypes; + "ariaExpanded": string | null; + "ariaOwns": string; + "autocapitalize": string; + "autocomplete": IcAutocompleteTypes; + "autocorrect": IcAutocorrectStates; + "autofocus": boolean; + "disabled": boolean; + "fullWidth": boolean; + "helperText": string; + "hideCharCount": boolean; + "hideLabel": boolean; + "hiddenInput": boolean; + "inputId": string; + "inputmode": IcTextFieldInputModes; + "label": string; + "max": string; + "maxCharacters": number; + "maxCharactersMessage": string; + "maxMessage": string; + "min": string; + "minCharacters": number; + "minCharactersMessage": string; + "minMessage": string; + "name": string; + "placeholder": string; + "readonly": boolean; + "required": boolean; + "resize": boolean; + "role": string | null; + "rows": number; + "size": IcSizesNoLarge; + "spellcheck": boolean; + "theme": IcThemeMode; + "truncateValue": boolean; + "type": IcTextFieldTypes; + "validationAriaLive": IcValidationAriaLive; + "validationInline": boolean; + "validationInlineInternal": boolean; + "validationStatus": IcInformationStatusOrEmpty; + "validationText": string; + "debounce": number; + "value": string; + } + interface IcThemeAttributes { + "brandColor": IcColor | null; + "theme": IcThemeSettings; + } + interface IcToastAttributes { + "theme": IcThemeMode; + "autoDismissTimeout": number | undefined; + "dismissButtonAriaLabel": string | undefined; + "dismissMode": IcActivationTypes; + "heading": string; + "message": string; + "neutralIconAriaLabel": string; + "variant": IcStatusVariants; + } + interface IcToggleButtonAttributes { + "accessibleLabel": string; + "checked": boolean; + "disabled": boolean; + "fullWidth": boolean; + "iconPlacement": IcIconPlacementOptions; + "label": string; + "loading": boolean; + "monochrome": boolean; + "outline": boolean; + "size": IcSizes; + "theme": IcThemeMode; + "tooltipPlacement": IcButtonTooltipPlacement; + "variant": "default" | "icon"; + } + interface IcToggleButtonGroupAttributes { + "accessibleLabel": string; + "disabled": boolean; + "fullWidth": boolean; + "iconPlacement": IcIconPlacementOptions; + "loading": boolean; + "monochrome": boolean; + "outline": boolean; + "selectMethod": IcSelectMethodTypes; + "selectType": IcSelectTypes; + "size": IcSizes; + "theme": IcThemeMode; + "tooltipPlacement": IcButtonTooltipPlacement; + "variant": "default" | "icon"; + } + interface IcTooltipAttributes { + "disableClick": boolean; + "disableHover": boolean; + "fixedPositioning": boolean; + "iconAltText": string; + "maxLines": number; + "placement": IcTooltipPlacements; + "silent": boolean; + "target": string; + "theme": IcThemeMode; + "label": string; + } + interface IcTopNavigationAttributes { + "contentAligned": IcAlignment; + "customMobileBreakpoint": IcDeviceSizes; + "href": string; + "inline": boolean; + "shortAppTitle": string; + "status": string; + "theme": IcThemeMode; + "version": string; + "hideAppTitle": boolean; + "appTitle": string; + } + interface IcTypographyAttributes { + "applyVerticalMargins": boolean; + "bold": boolean; + "italic": boolean; + "maxLines": number; + "strikethrough": boolean; + "theme": IcThemeMode; + "underline": boolean; + "variant": IcTypographyVariants; + } + interface IntrinsicElements { - "ic-accordion": IcAccordion; - "ic-accordion-group": IcAccordionGroup; - "ic-action-chip": IcActionChip; - "ic-alert": IcAlert; - "ic-back-to-top": IcBackToTop; - "ic-badge": IcBadge; - "ic-breadcrumb": IcBreadcrumb; - "ic-breadcrumb-group": IcBreadcrumbGroup; - "ic-button": IcButton; - "ic-card-horizontal": IcCardHorizontal; - "ic-card-vertical": IcCardVertical; - "ic-checkbox": IcCheckbox; - "ic-checkbox-group": IcCheckboxGroup; - "ic-chip": IcChip; - "ic-classification-banner": IcClassificationBanner; - "ic-data-list": IcDataList; - "ic-data-row": IcDataRow; - "ic-dialog": IcDialog; - "ic-divider": IcDivider; - "ic-empty-state": IcEmptyState; - "ic-footer": IcFooter; - "ic-footer-link": IcFooterLink; - "ic-footer-link-group": IcFooterLinkGroup; - "ic-hero": IcHero; - "ic-horizontal-scroll": IcHorizontalScroll; - "ic-input-component-container": IcInputComponentContainer; - "ic-input-container": IcInputContainer; - "ic-input-label": IcInputLabel; - "ic-input-validation": IcInputValidation; - "ic-layout-grid": IcLayoutGrid; - "ic-layout-grid-item": IcLayoutGridItem; - "ic-link": IcLink; - "ic-loading-indicator": IcLoadingIndicator; - "ic-menu": IcMenu; - "ic-menu-group": IcMenuGroup; - "ic-menu-item": IcMenuItem; - "ic-navigation-button": IcNavigationButton; - "ic-navigation-group": IcNavigationGroup; - "ic-navigation-item": IcNavigationItem; - "ic-navigation-menu": IcNavigationMenu; - "ic-page-header": IcPageHeader; - "ic-pagination": IcPagination; - "ic-pagination-bar": IcPaginationBar; - "ic-pagination-item": IcPaginationItem; - "ic-popover-menu": IcPopoverMenu; - "ic-radio-group": IcRadioGroup; - "ic-radio-option": IcRadioOption; - "ic-search-bar": IcSearchBar; - "ic-section-container": IcSectionContainer; - "ic-select": IcSelect; - "ic-side-navigation": IcSideNavigation; - "ic-skeleton": IcSkeleton; - "ic-skip-link": IcSkipLink; - "ic-status-tag": IcStatusTag; - "ic-step": IcStep; - "ic-stepper": IcStepper; - "ic-switch": IcSwitch; - "ic-tab": IcTab; - "ic-tab-context": IcTabContext; - "ic-tab-group": IcTabGroup; - "ic-tab-panel": IcTabPanel; - "ic-text-field": IcTextField; - "ic-theme": IcTheme; - "ic-toast": IcToast; + "ic-accordion": Omit & { [K in keyof IcAccordion & keyof IcAccordionAttributes]?: IcAccordion[K] } & { [K in keyof IcAccordion & keyof IcAccordionAttributes as `attr:${K}`]?: IcAccordionAttributes[K] } & { [K in keyof IcAccordion & keyof IcAccordionAttributes as `prop:${K}`]?: IcAccordion[K] }; + "ic-accordion-group": Omit & { [K in keyof IcAccordionGroup & keyof IcAccordionGroupAttributes]?: IcAccordionGroup[K] } & { [K in keyof IcAccordionGroup & keyof IcAccordionGroupAttributes as `attr:${K}`]?: IcAccordionGroupAttributes[K] } & { [K in keyof IcAccordionGroup & keyof IcAccordionGroupAttributes as `prop:${K}`]?: IcAccordionGroup[K] }; + "ic-action-chip": Omit & { [K in keyof IcActionChip & keyof IcActionChipAttributes]?: IcActionChip[K] } & { [K in keyof IcActionChip & keyof IcActionChipAttributes as `attr:${K}`]?: IcActionChipAttributes[K] } & { [K in keyof IcActionChip & keyof IcActionChipAttributes as `prop:${K}`]?: IcActionChip[K] } & OneOf<"label", IcActionChip["label"], IcActionChipAttributes["label"]>; + "ic-alert": Omit & { [K in keyof IcAlert & keyof IcAlertAttributes]?: IcAlert[K] } & { [K in keyof IcAlert & keyof IcAlertAttributes as `attr:${K}`]?: IcAlertAttributes[K] } & { [K in keyof IcAlert & keyof IcAlertAttributes as `prop:${K}`]?: IcAlert[K] }; + "ic-back-to-top": Omit & { [K in keyof IcBackToTop & keyof IcBackToTopAttributes]?: IcBackToTop[K] } & { [K in keyof IcBackToTop & keyof IcBackToTopAttributes as `attr:${K}`]?: IcBackToTopAttributes[K] } & { [K in keyof IcBackToTop & keyof IcBackToTopAttributes as `prop:${K}`]?: IcBackToTop[K] } & OneOf<"target", IcBackToTop["target"], IcBackToTopAttributes["target"]>; + "ic-badge": Omit & { [K in keyof IcBadge & keyof IcBadgeAttributes]?: IcBadge[K] } & { [K in keyof IcBadge & keyof IcBadgeAttributes as `attr:${K}`]?: IcBadgeAttributes[K] } & { [K in keyof IcBadge & keyof IcBadgeAttributes as `prop:${K}`]?: IcBadge[K] }; + "ic-breadcrumb": Omit & { [K in keyof IcBreadcrumb & keyof IcBreadcrumbAttributes]?: IcBreadcrumb[K] } & { [K in keyof IcBreadcrumb & keyof IcBreadcrumbAttributes as `attr:${K}`]?: IcBreadcrumbAttributes[K] } & { [K in keyof IcBreadcrumb & keyof IcBreadcrumbAttributes as `prop:${K}`]?: IcBreadcrumb[K] } & OneOf<"pageTitle", IcBreadcrumb["pageTitle"], IcBreadcrumbAttributes["pageTitle"]>; + "ic-breadcrumb-group": Omit & { [K in keyof IcBreadcrumbGroup & keyof IcBreadcrumbGroupAttributes]?: IcBreadcrumbGroup[K] } & { [K in keyof IcBreadcrumbGroup & keyof IcBreadcrumbGroupAttributes as `attr:${K}`]?: IcBreadcrumbGroupAttributes[K] } & { [K in keyof IcBreadcrumbGroup & keyof IcBreadcrumbGroupAttributes as `prop:${K}`]?: IcBreadcrumbGroup[K] }; + "ic-button": Omit & { [K in keyof IcButton & keyof IcButtonAttributes]?: IcButton[K] } & { [K in keyof IcButton & keyof IcButtonAttributes as `attr:${K}`]?: IcButtonAttributes[K] } & { [K in keyof IcButton & keyof IcButtonAttributes as `prop:${K}`]?: IcButton[K] }; + "ic-card-horizontal": Omit & { [K in keyof IcCardHorizontal & keyof IcCardHorizontalAttributes]?: IcCardHorizontal[K] } & { [K in keyof IcCardHorizontal & keyof IcCardHorizontalAttributes as `attr:${K}`]?: IcCardHorizontalAttributes[K] } & { [K in keyof IcCardHorizontal & keyof IcCardHorizontalAttributes as `prop:${K}`]?: IcCardHorizontal[K] }; + "ic-card-vertical": Omit & { [K in keyof IcCardVertical & keyof IcCardVerticalAttributes]?: IcCardVertical[K] } & { [K in keyof IcCardVertical & keyof IcCardVerticalAttributes as `attr:${K}`]?: IcCardVerticalAttributes[K] } & { [K in keyof IcCardVertical & keyof IcCardVerticalAttributes as `prop:${K}`]?: IcCardVertical[K] }; + "ic-checkbox": Omit & { [K in keyof IcCheckbox & keyof IcCheckboxAttributes]?: IcCheckbox[K] } & { [K in keyof IcCheckbox & keyof IcCheckboxAttributes as `attr:${K}`]?: IcCheckboxAttributes[K] } & { [K in keyof IcCheckbox & keyof IcCheckboxAttributes as `prop:${K}`]?: IcCheckbox[K] } & OneOf<"label", IcCheckbox["label"], IcCheckboxAttributes["label"]>; + "ic-checkbox-group": Omit & { [K in keyof IcCheckboxGroup & keyof IcCheckboxGroupAttributes]?: IcCheckboxGroup[K] } & { [K in keyof IcCheckboxGroup & keyof IcCheckboxGroupAttributes as `attr:${K}`]?: IcCheckboxGroupAttributes[K] } & { [K in keyof IcCheckboxGroup & keyof IcCheckboxGroupAttributes as `prop:${K}`]?: IcCheckboxGroup[K] } & OneOf<"label", IcCheckboxGroup["label"], IcCheckboxGroupAttributes["label"]> & OneOf<"name", IcCheckboxGroup["name"], IcCheckboxGroupAttributes["name"]>; + "ic-chip": Omit & { [K in keyof IcChip & keyof IcChipAttributes]?: IcChip[K] } & { [K in keyof IcChip & keyof IcChipAttributes as `attr:${K}`]?: IcChipAttributes[K] } & { [K in keyof IcChip & keyof IcChipAttributes as `prop:${K}`]?: IcChip[K] } & OneOf<"label", IcChip["label"], IcChipAttributes["label"]>; + "ic-classification-banner": Omit & { [K in keyof IcClassificationBanner & keyof IcClassificationBannerAttributes]?: IcClassificationBanner[K] } & { [K in keyof IcClassificationBanner & keyof IcClassificationBannerAttributes as `attr:${K}`]?: IcClassificationBannerAttributes[K] } & { [K in keyof IcClassificationBanner & keyof IcClassificationBannerAttributes as `prop:${K}`]?: IcClassificationBanner[K] }; + "ic-data-list": Omit & { [K in keyof IcDataList & keyof IcDataListAttributes]?: IcDataList[K] } & { [K in keyof IcDataList & keyof IcDataListAttributes as `attr:${K}`]?: IcDataListAttributes[K] } & { [K in keyof IcDataList & keyof IcDataListAttributes as `prop:${K}`]?: IcDataList[K] }; + "ic-data-row": Omit & { [K in keyof IcDataRow & keyof IcDataRowAttributes]?: IcDataRow[K] } & { [K in keyof IcDataRow & keyof IcDataRowAttributes as `attr:${K}`]?: IcDataRowAttributes[K] } & { [K in keyof IcDataRow & keyof IcDataRowAttributes as `prop:${K}`]?: IcDataRow[K] }; + "ic-dialog": Omit & { [K in keyof IcDialog & keyof IcDialogAttributes]?: IcDialog[K] } & { [K in keyof IcDialog & keyof IcDialogAttributes as `attr:${K}`]?: IcDialogAttributes[K] } & { [K in keyof IcDialog & keyof IcDialogAttributes as `prop:${K}`]?: IcDialog[K] }; + "ic-divider": Omit & { [K in keyof IcDivider & keyof IcDividerAttributes]?: IcDivider[K] } & { [K in keyof IcDivider & keyof IcDividerAttributes as `attr:${K}`]?: IcDividerAttributes[K] } & { [K in keyof IcDivider & keyof IcDividerAttributes as `prop:${K}`]?: IcDivider[K] }; + "ic-empty-state": Omit & { [K in keyof IcEmptyState & keyof IcEmptyStateAttributes]?: IcEmptyState[K] } & { [K in keyof IcEmptyState & keyof IcEmptyStateAttributes as `attr:${K}`]?: IcEmptyStateAttributes[K] } & { [K in keyof IcEmptyState & keyof IcEmptyStateAttributes as `prop:${K}`]?: IcEmptyState[K] }; + "ic-footer": Omit & { [K in keyof IcFooter & keyof IcFooterAttributes]?: IcFooter[K] } & { [K in keyof IcFooter & keyof IcFooterAttributes as `attr:${K}`]?: IcFooterAttributes[K] } & { [K in keyof IcFooter & keyof IcFooterAttributes as `prop:${K}`]?: IcFooter[K] }; + "ic-footer-link": Omit & { [K in keyof IcFooterLink & keyof IcFooterLinkAttributes]?: IcFooterLink[K] } & { [K in keyof IcFooterLink & keyof IcFooterLinkAttributes as `attr:${K}`]?: IcFooterLinkAttributes[K] } & { [K in keyof IcFooterLink & keyof IcFooterLinkAttributes as `prop:${K}`]?: IcFooterLink[K] }; + "ic-footer-link-group": Omit & { [K in keyof IcFooterLinkGroup & keyof IcFooterLinkGroupAttributes]?: IcFooterLinkGroup[K] } & { [K in keyof IcFooterLinkGroup & keyof IcFooterLinkGroupAttributes as `attr:${K}`]?: IcFooterLinkGroupAttributes[K] } & { [K in keyof IcFooterLinkGroup & keyof IcFooterLinkGroupAttributes as `prop:${K}`]?: IcFooterLinkGroup[K] } & OneOf<"label", IcFooterLinkGroup["label"], IcFooterLinkGroupAttributes["label"]>; + "ic-hero": Omit & { [K in keyof IcHero & keyof IcHeroAttributes]?: IcHero[K] } & { [K in keyof IcHero & keyof IcHeroAttributes as `attr:${K}`]?: IcHeroAttributes[K] } & { [K in keyof IcHero & keyof IcHeroAttributes as `prop:${K}`]?: IcHero[K] }; + "ic-horizontal-scroll": Omit & { [K in keyof IcHorizontalScroll & keyof IcHorizontalScrollAttributes]?: IcHorizontalScroll[K] } & { [K in keyof IcHorizontalScroll & keyof IcHorizontalScrollAttributes as `attr:${K}`]?: IcHorizontalScrollAttributes[K] } & { [K in keyof IcHorizontalScroll & keyof IcHorizontalScrollAttributes as `prop:${K}`]?: IcHorizontalScroll[K] }; + "ic-input-component-container": Omit & { [K in keyof IcInputComponentContainer & keyof IcInputComponentContainerAttributes]?: IcInputComponentContainer[K] } & { [K in keyof IcInputComponentContainer & keyof IcInputComponentContainerAttributes as `attr:${K}`]?: IcInputComponentContainerAttributes[K] } & { [K in keyof IcInputComponentContainer & keyof IcInputComponentContainerAttributes as `prop:${K}`]?: IcInputComponentContainer[K] }; + "ic-input-container": Omit & { [K in keyof IcInputContainer & keyof IcInputContainerAttributes]?: IcInputContainer[K] } & { [K in keyof IcInputContainer & keyof IcInputContainerAttributes as `attr:${K}`]?: IcInputContainerAttributes[K] } & { [K in keyof IcInputContainer & keyof IcInputContainerAttributes as `prop:${K}`]?: IcInputContainer[K] }; + "ic-input-label": Omit & { [K in keyof IcInputLabel & keyof IcInputLabelAttributes]?: IcInputLabel[K] } & { [K in keyof IcInputLabel & keyof IcInputLabelAttributes as `attr:${K}`]?: IcInputLabelAttributes[K] } & { [K in keyof IcInputLabel & keyof IcInputLabelAttributes as `prop:${K}`]?: IcInputLabel[K] } & OneOf<"label", IcInputLabel["label"], IcInputLabelAttributes["label"]>; + "ic-input-validation": Omit & { [K in keyof IcInputValidation & keyof IcInputValidationAttributes]?: IcInputValidation[K] } & { [K in keyof IcInputValidation & keyof IcInputValidationAttributes as `attr:${K}`]?: IcInputValidationAttributes[K] } & { [K in keyof IcInputValidation & keyof IcInputValidationAttributes as `prop:${K}`]?: IcInputValidation[K] }; + "ic-layout-grid": Omit & { [K in keyof IcLayoutGrid & keyof IcLayoutGridAttributes]?: IcLayoutGrid[K] } & { [K in keyof IcLayoutGrid & keyof IcLayoutGridAttributes as `attr:${K}`]?: IcLayoutGridAttributes[K] } & { [K in keyof IcLayoutGrid & keyof IcLayoutGridAttributes as `prop:${K}`]?: IcLayoutGrid[K] }; + "ic-layout-grid-item": Omit & { [K in keyof IcLayoutGridItem & keyof IcLayoutGridItemAttributes]?: IcLayoutGridItem[K] } & { [K in keyof IcLayoutGridItem & keyof IcLayoutGridItemAttributes as `attr:${K}`]?: IcLayoutGridItemAttributes[K] } & { [K in keyof IcLayoutGridItem & keyof IcLayoutGridItemAttributes as `prop:${K}`]?: IcLayoutGridItem[K] }; + "ic-link": Omit & { [K in keyof IcLink & keyof IcLinkAttributes]?: IcLink[K] } & { [K in keyof IcLink & keyof IcLinkAttributes as `attr:${K}`]?: IcLinkAttributes[K] } & { [K in keyof IcLink & keyof IcLinkAttributes as `prop:${K}`]?: IcLink[K] }; + "ic-loading-indicator": Omit & { [K in keyof IcLoadingIndicator & keyof IcLoadingIndicatorAttributes]?: IcLoadingIndicator[K] } & { [K in keyof IcLoadingIndicator & keyof IcLoadingIndicatorAttributes as `attr:${K}`]?: IcLoadingIndicatorAttributes[K] } & { [K in keyof IcLoadingIndicator & keyof IcLoadingIndicatorAttributes as `prop:${K}`]?: IcLoadingIndicator[K] }; + "ic-menu": Omit & { [K in keyof IcMenu & keyof IcMenuAttributes]?: IcMenu[K] } & { [K in keyof IcMenu & keyof IcMenuAttributes as `attr:${K}`]?: IcMenuAttributes[K] } & { [K in keyof IcMenu & keyof IcMenuAttributes as `prop:${K}`]?: IcMenu[K] } & OneOf<"inputLabel", IcMenu["inputLabel"], IcMenuAttributes["inputLabel"]> & OneOf<"menuId", IcMenu["menuId"], IcMenuAttributes["menuId"]> & OneOf<"open", IcMenu["open"], IcMenuAttributes["open"]> & OneOf<"value", IcMenu["value"], IcMenuAttributes["value"]>; + "ic-menu-group": Omit & { [K in keyof IcMenuGroup & keyof IcMenuGroupAttributes]?: IcMenuGroup[K] } & { [K in keyof IcMenuGroup & keyof IcMenuGroupAttributes as `attr:${K}`]?: IcMenuGroupAttributes[K] } & { [K in keyof IcMenuGroup & keyof IcMenuGroupAttributes as `prop:${K}`]?: IcMenuGroup[K] }; + "ic-menu-item": Omit & { [K in keyof IcMenuItem & keyof IcMenuItemAttributes]?: IcMenuItem[K] } & { [K in keyof IcMenuItem & keyof IcMenuItemAttributes as `attr:${K}`]?: IcMenuItemAttributes[K] } & { [K in keyof IcMenuItem & keyof IcMenuItemAttributes as `prop:${K}`]?: IcMenuItem[K] } & OneOf<"label", IcMenuItem["label"], IcMenuItemAttributes["label"]>; + "ic-navigation-button": Omit & { [K in keyof IcNavigationButton & keyof IcNavigationButtonAttributes]?: IcNavigationButton[K] } & { [K in keyof IcNavigationButton & keyof IcNavigationButtonAttributes as `attr:${K}`]?: IcNavigationButtonAttributes[K] } & { [K in keyof IcNavigationButton & keyof IcNavigationButtonAttributes as `prop:${K}`]?: IcNavigationButton[K] } & OneOf<"label", IcNavigationButton["label"], IcNavigationButtonAttributes["label"]>; + "ic-navigation-group": Omit & { [K in keyof IcNavigationGroup & keyof IcNavigationGroupAttributes]?: IcNavigationGroup[K] } & { [K in keyof IcNavigationGroup & keyof IcNavigationGroupAttributes as `attr:${K}`]?: IcNavigationGroupAttributes[K] } & { [K in keyof IcNavigationGroup & keyof IcNavigationGroupAttributes as `prop:${K}`]?: IcNavigationGroup[K] } & OneOf<"label", IcNavigationGroup["label"], IcNavigationGroupAttributes["label"]>; + "ic-navigation-item": Omit & { [K in keyof IcNavigationItem & keyof IcNavigationItemAttributes]?: IcNavigationItem[K] } & { [K in keyof IcNavigationItem & keyof IcNavigationItemAttributes as `attr:${K}`]?: IcNavigationItemAttributes[K] } & { [K in keyof IcNavigationItem & keyof IcNavigationItemAttributes as `prop:${K}`]?: IcNavigationItem[K] }; + "ic-navigation-menu": Omit & { [K in keyof IcNavigationMenu & keyof IcNavigationMenuAttributes]?: IcNavigationMenu[K] } & { [K in keyof IcNavigationMenu & keyof IcNavigationMenuAttributes as `attr:${K}`]?: IcNavigationMenuAttributes[K] } & { [K in keyof IcNavigationMenu & keyof IcNavigationMenuAttributes as `prop:${K}`]?: IcNavigationMenu[K] }; + "ic-page-header": Omit & { [K in keyof IcPageHeader & keyof IcPageHeaderAttributes]?: IcPageHeader[K] } & { [K in keyof IcPageHeader & keyof IcPageHeaderAttributes as `attr:${K}`]?: IcPageHeaderAttributes[K] } & { [K in keyof IcPageHeader & keyof IcPageHeaderAttributes as `prop:${K}`]?: IcPageHeader[K] }; + "ic-pagination": Omit & { [K in keyof IcPagination & keyof IcPaginationAttributes]?: IcPagination[K] } & { [K in keyof IcPagination & keyof IcPaginationAttributes as `attr:${K}`]?: IcPaginationAttributes[K] } & { [K in keyof IcPagination & keyof IcPaginationAttributes as `prop:${K}`]?: IcPagination[K] } & OneOf<"pages", IcPagination["pages"], IcPaginationAttributes["pages"]>; + "ic-pagination-bar": Omit & { [K in keyof IcPaginationBar & keyof IcPaginationBarAttributes]?: IcPaginationBar[K] } & { [K in keyof IcPaginationBar & keyof IcPaginationBarAttributes as `attr:${K}`]?: IcPaginationBarAttributes[K] } & { [K in keyof IcPaginationBar & keyof IcPaginationBarAttributes as `prop:${K}`]?: IcPaginationBar[K] } & OneOf<"totalItems", IcPaginationBar["totalItems"], IcPaginationBarAttributes["totalItems"]>; + "ic-pagination-item": Omit & { [K in keyof IcPaginationItem & keyof IcPaginationItemAttributes]?: IcPaginationItem[K] } & { [K in keyof IcPaginationItem & keyof IcPaginationItemAttributes as `attr:${K}`]?: IcPaginationItemAttributes[K] } & { [K in keyof IcPaginationItem & keyof IcPaginationItemAttributes as `prop:${K}`]?: IcPaginationItem[K] }; + "ic-popover-menu": Omit & { [K in keyof IcPopoverMenu & keyof IcPopoverMenuAttributes]?: IcPopoverMenu[K] } & { [K in keyof IcPopoverMenu & keyof IcPopoverMenuAttributes as `attr:${K}`]?: IcPopoverMenuAttributes[K] } & { [K in keyof IcPopoverMenu & keyof IcPopoverMenuAttributes as `prop:${K}`]?: IcPopoverMenu[K] }; + "ic-radio-group": Omit & { [K in keyof IcRadioGroup & keyof IcRadioGroupAttributes]?: IcRadioGroup[K] } & { [K in keyof IcRadioGroup & keyof IcRadioGroupAttributes as `attr:${K}`]?: IcRadioGroupAttributes[K] } & { [K in keyof IcRadioGroup & keyof IcRadioGroupAttributes as `prop:${K}`]?: IcRadioGroup[K] } & OneOf<"label", IcRadioGroup["label"], IcRadioGroupAttributes["label"]> & OneOf<"name", IcRadioGroup["name"], IcRadioGroupAttributes["name"]>; + "ic-radio-option": Omit & { [K in keyof IcRadioOption & keyof IcRadioOptionAttributes]?: IcRadioOption[K] } & { [K in keyof IcRadioOption & keyof IcRadioOptionAttributes as `attr:${K}`]?: IcRadioOptionAttributes[K] } & { [K in keyof IcRadioOption & keyof IcRadioOptionAttributes as `prop:${K}`]?: IcRadioOption[K] } & OneOf<"value", IcRadioOption["value"], IcRadioOptionAttributes["value"]>; + "ic-search-bar": Omit & { [K in keyof IcSearchBar & keyof IcSearchBarAttributes]?: IcSearchBar[K] } & { [K in keyof IcSearchBar & keyof IcSearchBarAttributes as `attr:${K}`]?: IcSearchBarAttributes[K] } & { [K in keyof IcSearchBar & keyof IcSearchBarAttributes as `prop:${K}`]?: IcSearchBar[K] } & OneOf<"label", IcSearchBar["label"], IcSearchBarAttributes["label"]>; + "ic-section-container": Omit & { [K in keyof IcSectionContainer & keyof IcSectionContainerAttributes]?: IcSectionContainer[K] } & { [K in keyof IcSectionContainer & keyof IcSectionContainerAttributes as `attr:${K}`]?: IcSectionContainerAttributes[K] } & { [K in keyof IcSectionContainer & keyof IcSectionContainerAttributes as `prop:${K}`]?: IcSectionContainer[K] }; + "ic-select": Omit & { [K in keyof IcSelect & keyof IcSelectAttributes]?: IcSelect[K] } & { [K in keyof IcSelect & keyof IcSelectAttributes as `attr:${K}`]?: IcSelectAttributes[K] } & { [K in keyof IcSelect & keyof IcSelectAttributes as `prop:${K}`]?: IcSelect[K] } & OneOf<"label", IcSelect["label"], IcSelectAttributes["label"]>; + "ic-side-navigation": Omit & { [K in keyof IcSideNavigation & keyof IcSideNavigationAttributes]?: IcSideNavigation[K] } & { [K in keyof IcSideNavigation & keyof IcSideNavigationAttributes as `attr:${K}`]?: IcSideNavigationAttributes[K] } & { [K in keyof IcSideNavigation & keyof IcSideNavigationAttributes as `prop:${K}`]?: IcSideNavigation[K] }; + "ic-skeleton": Omit & { [K in keyof IcSkeleton & keyof IcSkeletonAttributes]?: IcSkeleton[K] } & { [K in keyof IcSkeleton & keyof IcSkeletonAttributes as `attr:${K}`]?: IcSkeletonAttributes[K] } & { [K in keyof IcSkeleton & keyof IcSkeletonAttributes as `prop:${K}`]?: IcSkeleton[K] }; + "ic-skip-link": Omit & { [K in keyof IcSkipLink & keyof IcSkipLinkAttributes]?: IcSkipLink[K] } & { [K in keyof IcSkipLink & keyof IcSkipLinkAttributes as `attr:${K}`]?: IcSkipLinkAttributes[K] } & { [K in keyof IcSkipLink & keyof IcSkipLinkAttributes as `prop:${K}`]?: IcSkipLink[K] } & OneOf<"target", IcSkipLink["target"], IcSkipLinkAttributes["target"]>; + "ic-status-tag": Omit & { [K in keyof IcStatusTag & keyof IcStatusTagAttributes]?: IcStatusTag[K] } & { [K in keyof IcStatusTag & keyof IcStatusTagAttributes as `attr:${K}`]?: IcStatusTagAttributes[K] } & { [K in keyof IcStatusTag & keyof IcStatusTagAttributes as `prop:${K}`]?: IcStatusTag[K] } & OneOf<"label", IcStatusTag["label"], IcStatusTagAttributes["label"]>; + "ic-step": Omit & { [K in keyof IcStep & keyof IcStepAttributes]?: IcStep[K] } & { [K in keyof IcStep & keyof IcStepAttributes as `attr:${K}`]?: IcStepAttributes[K] } & { [K in keyof IcStep & keyof IcStepAttributes as `prop:${K}`]?: IcStep[K] } & OneOf<"lastStep", IcStep["lastStep"], IcStepAttributes["lastStep"]> & OneOf<"variant", IcStep["variant"], IcStepAttributes["variant"]>; + "ic-stepper": Omit & { [K in keyof IcStepper & keyof IcStepperAttributes]?: IcStepper[K] } & { [K in keyof IcStepper & keyof IcStepperAttributes as `attr:${K}`]?: IcStepperAttributes[K] } & { [K in keyof IcStepper & keyof IcStepperAttributes as `prop:${K}`]?: IcStepper[K] }; + "ic-switch": Omit & { [K in keyof IcSwitch & keyof IcSwitchAttributes]?: IcSwitch[K] } & { [K in keyof IcSwitch & keyof IcSwitchAttributes as `attr:${K}`]?: IcSwitchAttributes[K] } & { [K in keyof IcSwitch & keyof IcSwitchAttributes as `prop:${K}`]?: IcSwitch[K] } & OneOf<"label", IcSwitch["label"], IcSwitchAttributes["label"]>; + "ic-tab": Omit & { [K in keyof IcTab & keyof IcTabAttributes]?: IcTab[K] } & { [K in keyof IcTab & keyof IcTabAttributes as `attr:${K}`]?: IcTabAttributes[K] } & { [K in keyof IcTab & keyof IcTabAttributes as `prop:${K}`]?: IcTab[K] } & OneOf<"tabId", IcTab["tabId"], IcTabAttributes["tabId"]> & OneOf<"tabPosition", IcTab["tabPosition"], IcTabAttributes["tabPosition"]>; + "ic-tab-context": Omit & { [K in keyof IcTabContext & keyof IcTabContextAttributes]?: IcTabContext[K] } & { [K in keyof IcTabContext & keyof IcTabContextAttributes as `attr:${K}`]?: IcTabContextAttributes[K] } & { [K in keyof IcTabContext & keyof IcTabContextAttributes as `prop:${K}`]?: IcTabContext[K] }; + "ic-tab-group": Omit & { [K in keyof IcTabGroup & keyof IcTabGroupAttributes]?: IcTabGroup[K] } & { [K in keyof IcTabGroup & keyof IcTabGroupAttributes as `attr:${K}`]?: IcTabGroupAttributes[K] } & { [K in keyof IcTabGroup & keyof IcTabGroupAttributes as `prop:${K}`]?: IcTabGroup[K] } & OneOf<"label", IcTabGroup["label"], IcTabGroupAttributes["label"]>; + "ic-tab-panel": Omit & { [K in keyof IcTabPanel & keyof IcTabPanelAttributes]?: IcTabPanel[K] } & { [K in keyof IcTabPanel & keyof IcTabPanelAttributes as `attr:${K}`]?: IcTabPanelAttributes[K] } & { [K in keyof IcTabPanel & keyof IcTabPanelAttributes as `prop:${K}`]?: IcTabPanel[K] }; + "ic-text-field": Omit & { [K in keyof IcTextField & keyof IcTextFieldAttributes]?: IcTextField[K] } & { [K in keyof IcTextField & keyof IcTextFieldAttributes as `attr:${K}`]?: IcTextFieldAttributes[K] } & { [K in keyof IcTextField & keyof IcTextFieldAttributes as `prop:${K}`]?: IcTextField[K] } & OneOf<"label", IcTextField["label"], IcTextFieldAttributes["label"]>; + "ic-theme": Omit & { [K in keyof IcTheme & keyof IcThemeAttributes]?: IcTheme[K] } & { [K in keyof IcTheme & keyof IcThemeAttributes as `attr:${K}`]?: IcThemeAttributes[K] } & { [K in keyof IcTheme & keyof IcThemeAttributes as `prop:${K}`]?: IcTheme[K] }; + "ic-toast": Omit & { [K in keyof IcToast & keyof IcToastAttributes]?: IcToast[K] } & { [K in keyof IcToast & keyof IcToastAttributes as `attr:${K}`]?: IcToastAttributes[K] } & { [K in keyof IcToast & keyof IcToastAttributes as `prop:${K}`]?: IcToast[K] } & OneOf<"heading", IcToast["heading"], IcToastAttributes["heading"]>; "ic-toast-region": IcToastRegion; - "ic-toggle-button": IcToggleButton; - "ic-toggle-button-group": IcToggleButtonGroup; - "ic-tooltip": IcTooltip; - "ic-top-navigation": IcTopNavigation; - "ic-typography": IcTypography; + "ic-toggle-button": Omit & { [K in keyof IcToggleButton & keyof IcToggleButtonAttributes]?: IcToggleButton[K] } & { [K in keyof IcToggleButton & keyof IcToggleButtonAttributes as `attr:${K}`]?: IcToggleButtonAttributes[K] } & { [K in keyof IcToggleButton & keyof IcToggleButtonAttributes as `prop:${K}`]?: IcToggleButton[K] }; + "ic-toggle-button-group": Omit & { [K in keyof IcToggleButtonGroup & keyof IcToggleButtonGroupAttributes]?: IcToggleButtonGroup[K] } & { [K in keyof IcToggleButtonGroup & keyof IcToggleButtonGroupAttributes as `attr:${K}`]?: IcToggleButtonGroupAttributes[K] } & { [K in keyof IcToggleButtonGroup & keyof IcToggleButtonGroupAttributes as `prop:${K}`]?: IcToggleButtonGroup[K] }; + "ic-tooltip": Omit & { [K in keyof IcTooltip & keyof IcTooltipAttributes]?: IcTooltip[K] } & { [K in keyof IcTooltip & keyof IcTooltipAttributes as `attr:${K}`]?: IcTooltipAttributes[K] } & { [K in keyof IcTooltip & keyof IcTooltipAttributes as `prop:${K}`]?: IcTooltip[K] } & OneOf<"label", IcTooltip["label"], IcTooltipAttributes["label"]>; + "ic-top-navigation": Omit & { [K in keyof IcTopNavigation & keyof IcTopNavigationAttributes]?: IcTopNavigation[K] } & { [K in keyof IcTopNavigation & keyof IcTopNavigationAttributes as `attr:${K}`]?: IcTopNavigationAttributes[K] } & { [K in keyof IcTopNavigation & keyof IcTopNavigationAttributes as `prop:${K}`]?: IcTopNavigation[K] }; + "ic-typography": Omit & { [K in keyof IcTypography & keyof IcTypographyAttributes]?: IcTypography[K] } & { [K in keyof IcTypography & keyof IcTypographyAttributes as `attr:${K}`]?: IcTypographyAttributes[K] } & { [K in keyof IcTypography & keyof IcTypographyAttributes as `prop:${K}`]?: IcTypography[K] }; } } export { LocalJSX as JSX }; declare module "@stencil/core" { export namespace JSX { interface IntrinsicElements { - "ic-accordion": LocalJSX.IcAccordion & JSXBase.HTMLAttributes; - "ic-accordion-group": LocalJSX.IcAccordionGroup & JSXBase.HTMLAttributes; - "ic-action-chip": LocalJSX.IcActionChip & JSXBase.HTMLAttributes; - "ic-alert": LocalJSX.IcAlert & JSXBase.HTMLAttributes; - "ic-back-to-top": LocalJSX.IcBackToTop & JSXBase.HTMLAttributes; - "ic-badge": LocalJSX.IcBadge & JSXBase.HTMLAttributes; - "ic-breadcrumb": LocalJSX.IcBreadcrumb & JSXBase.HTMLAttributes; - "ic-breadcrumb-group": LocalJSX.IcBreadcrumbGroup & JSXBase.HTMLAttributes; - "ic-button": LocalJSX.IcButton & JSXBase.HTMLAttributes; - "ic-card-horizontal": LocalJSX.IcCardHorizontal & JSXBase.HTMLAttributes; - "ic-card-vertical": LocalJSX.IcCardVertical & JSXBase.HTMLAttributes; - "ic-checkbox": LocalJSX.IcCheckbox & JSXBase.HTMLAttributes; - "ic-checkbox-group": LocalJSX.IcCheckboxGroup & JSXBase.HTMLAttributes; - "ic-chip": LocalJSX.IcChip & JSXBase.HTMLAttributes; - "ic-classification-banner": LocalJSX.IcClassificationBanner & JSXBase.HTMLAttributes; - "ic-data-list": LocalJSX.IcDataList & JSXBase.HTMLAttributes; - "ic-data-row": LocalJSX.IcDataRow & JSXBase.HTMLAttributes; - "ic-dialog": LocalJSX.IcDialog & JSXBase.HTMLAttributes; - "ic-divider": LocalJSX.IcDivider & JSXBase.HTMLAttributes; - "ic-empty-state": LocalJSX.IcEmptyState & JSXBase.HTMLAttributes; - "ic-footer": LocalJSX.IcFooter & JSXBase.HTMLAttributes; - "ic-footer-link": LocalJSX.IcFooterLink & JSXBase.HTMLAttributes; - "ic-footer-link-group": LocalJSX.IcFooterLinkGroup & JSXBase.HTMLAttributes; - "ic-hero": LocalJSX.IcHero & JSXBase.HTMLAttributes; - "ic-horizontal-scroll": LocalJSX.IcHorizontalScroll & JSXBase.HTMLAttributes; - "ic-input-component-container": LocalJSX.IcInputComponentContainer & JSXBase.HTMLAttributes; - "ic-input-container": LocalJSX.IcInputContainer & JSXBase.HTMLAttributes; - "ic-input-label": LocalJSX.IcInputLabel & JSXBase.HTMLAttributes; - "ic-input-validation": LocalJSX.IcInputValidation & JSXBase.HTMLAttributes; - "ic-layout-grid": LocalJSX.IcLayoutGrid & JSXBase.HTMLAttributes; - "ic-layout-grid-item": LocalJSX.IcLayoutGridItem & JSXBase.HTMLAttributes; - "ic-link": LocalJSX.IcLink & JSXBase.HTMLAttributes; - "ic-loading-indicator": LocalJSX.IcLoadingIndicator & JSXBase.HTMLAttributes; - "ic-menu": LocalJSX.IcMenu & JSXBase.HTMLAttributes; - "ic-menu-group": LocalJSX.IcMenuGroup & JSXBase.HTMLAttributes; - "ic-menu-item": LocalJSX.IcMenuItem & JSXBase.HTMLAttributes; - "ic-navigation-button": LocalJSX.IcNavigationButton & JSXBase.HTMLAttributes; - "ic-navigation-group": LocalJSX.IcNavigationGroup & JSXBase.HTMLAttributes; - "ic-navigation-item": LocalJSX.IcNavigationItem & JSXBase.HTMLAttributes; - "ic-navigation-menu": LocalJSX.IcNavigationMenu & JSXBase.HTMLAttributes; - "ic-page-header": LocalJSX.IcPageHeader & JSXBase.HTMLAttributes; - "ic-pagination": LocalJSX.IcPagination & JSXBase.HTMLAttributes; - "ic-pagination-bar": LocalJSX.IcPaginationBar & JSXBase.HTMLAttributes; - "ic-pagination-item": LocalJSX.IcPaginationItem & JSXBase.HTMLAttributes; - "ic-popover-menu": LocalJSX.IcPopoverMenu & JSXBase.HTMLAttributes; - "ic-radio-group": LocalJSX.IcRadioGroup & JSXBase.HTMLAttributes; - "ic-radio-option": LocalJSX.IcRadioOption & JSXBase.HTMLAttributes; - "ic-search-bar": LocalJSX.IcSearchBar & JSXBase.HTMLAttributes; - "ic-section-container": LocalJSX.IcSectionContainer & JSXBase.HTMLAttributes; - "ic-select": LocalJSX.IcSelect & JSXBase.HTMLAttributes; - "ic-side-navigation": LocalJSX.IcSideNavigation & JSXBase.HTMLAttributes; - "ic-skeleton": LocalJSX.IcSkeleton & JSXBase.HTMLAttributes; - "ic-skip-link": LocalJSX.IcSkipLink & JSXBase.HTMLAttributes; - "ic-status-tag": LocalJSX.IcStatusTag & JSXBase.HTMLAttributes; - "ic-step": LocalJSX.IcStep & JSXBase.HTMLAttributes; - "ic-stepper": LocalJSX.IcStepper & JSXBase.HTMLAttributes; - "ic-switch": LocalJSX.IcSwitch & JSXBase.HTMLAttributes; - "ic-tab": LocalJSX.IcTab & JSXBase.HTMLAttributes; - "ic-tab-context": LocalJSX.IcTabContext & JSXBase.HTMLAttributes; - "ic-tab-group": LocalJSX.IcTabGroup & JSXBase.HTMLAttributes; - "ic-tab-panel": LocalJSX.IcTabPanel & JSXBase.HTMLAttributes; - "ic-text-field": LocalJSX.IcTextField & JSXBase.HTMLAttributes; - "ic-theme": LocalJSX.IcTheme & JSXBase.HTMLAttributes; - "ic-toast": LocalJSX.IcToast & JSXBase.HTMLAttributes; - "ic-toast-region": LocalJSX.IcToastRegion & JSXBase.HTMLAttributes; - "ic-toggle-button": LocalJSX.IcToggleButton & JSXBase.HTMLAttributes; - "ic-toggle-button-group": LocalJSX.IcToggleButtonGroup & JSXBase.HTMLAttributes; - "ic-tooltip": LocalJSX.IcTooltip & JSXBase.HTMLAttributes; - "ic-top-navigation": LocalJSX.IcTopNavigation & JSXBase.HTMLAttributes; - "ic-typography": LocalJSX.IcTypography & JSXBase.HTMLAttributes; + "ic-accordion": LocalJSX.IntrinsicElements["ic-accordion"] & JSXBase.HTMLAttributes; + "ic-accordion-group": LocalJSX.IntrinsicElements["ic-accordion-group"] & JSXBase.HTMLAttributes; + "ic-action-chip": LocalJSX.IntrinsicElements["ic-action-chip"] & JSXBase.HTMLAttributes; + "ic-alert": LocalJSX.IntrinsicElements["ic-alert"] & JSXBase.HTMLAttributes; + "ic-back-to-top": LocalJSX.IntrinsicElements["ic-back-to-top"] & JSXBase.HTMLAttributes; + "ic-badge": LocalJSX.IntrinsicElements["ic-badge"] & JSXBase.HTMLAttributes; + "ic-breadcrumb": LocalJSX.IntrinsicElements["ic-breadcrumb"] & JSXBase.HTMLAttributes; + "ic-breadcrumb-group": LocalJSX.IntrinsicElements["ic-breadcrumb-group"] & JSXBase.HTMLAttributes; + "ic-button": LocalJSX.IntrinsicElements["ic-button"] & JSXBase.HTMLAttributes; + "ic-card-horizontal": LocalJSX.IntrinsicElements["ic-card-horizontal"] & JSXBase.HTMLAttributes; + "ic-card-vertical": LocalJSX.IntrinsicElements["ic-card-vertical"] & JSXBase.HTMLAttributes; + "ic-checkbox": LocalJSX.IntrinsicElements["ic-checkbox"] & JSXBase.HTMLAttributes; + "ic-checkbox-group": LocalJSX.IntrinsicElements["ic-checkbox-group"] & JSXBase.HTMLAttributes; + "ic-chip": LocalJSX.IntrinsicElements["ic-chip"] & JSXBase.HTMLAttributes; + "ic-classification-banner": LocalJSX.IntrinsicElements["ic-classification-banner"] & JSXBase.HTMLAttributes; + "ic-data-list": LocalJSX.IntrinsicElements["ic-data-list"] & JSXBase.HTMLAttributes; + "ic-data-row": LocalJSX.IntrinsicElements["ic-data-row"] & JSXBase.HTMLAttributes; + "ic-dialog": LocalJSX.IntrinsicElements["ic-dialog"] & JSXBase.HTMLAttributes; + "ic-divider": LocalJSX.IntrinsicElements["ic-divider"] & JSXBase.HTMLAttributes; + "ic-empty-state": LocalJSX.IntrinsicElements["ic-empty-state"] & JSXBase.HTMLAttributes; + "ic-footer": LocalJSX.IntrinsicElements["ic-footer"] & JSXBase.HTMLAttributes; + "ic-footer-link": LocalJSX.IntrinsicElements["ic-footer-link"] & JSXBase.HTMLAttributes; + "ic-footer-link-group": LocalJSX.IntrinsicElements["ic-footer-link-group"] & JSXBase.HTMLAttributes; + "ic-hero": LocalJSX.IntrinsicElements["ic-hero"] & JSXBase.HTMLAttributes; + "ic-horizontal-scroll": LocalJSX.IntrinsicElements["ic-horizontal-scroll"] & JSXBase.HTMLAttributes; + "ic-input-component-container": LocalJSX.IntrinsicElements["ic-input-component-container"] & JSXBase.HTMLAttributes; + "ic-input-container": LocalJSX.IntrinsicElements["ic-input-container"] & JSXBase.HTMLAttributes; + "ic-input-label": LocalJSX.IntrinsicElements["ic-input-label"] & JSXBase.HTMLAttributes; + "ic-input-validation": LocalJSX.IntrinsicElements["ic-input-validation"] & JSXBase.HTMLAttributes; + "ic-layout-grid": LocalJSX.IntrinsicElements["ic-layout-grid"] & JSXBase.HTMLAttributes; + "ic-layout-grid-item": LocalJSX.IntrinsicElements["ic-layout-grid-item"] & JSXBase.HTMLAttributes; + "ic-link": LocalJSX.IntrinsicElements["ic-link"] & JSXBase.HTMLAttributes; + "ic-loading-indicator": LocalJSX.IntrinsicElements["ic-loading-indicator"] & JSXBase.HTMLAttributes; + "ic-menu": LocalJSX.IntrinsicElements["ic-menu"] & JSXBase.HTMLAttributes; + "ic-menu-group": LocalJSX.IntrinsicElements["ic-menu-group"] & JSXBase.HTMLAttributes; + "ic-menu-item": LocalJSX.IntrinsicElements["ic-menu-item"] & JSXBase.HTMLAttributes; + "ic-navigation-button": LocalJSX.IntrinsicElements["ic-navigation-button"] & JSXBase.HTMLAttributes; + "ic-navigation-group": LocalJSX.IntrinsicElements["ic-navigation-group"] & JSXBase.HTMLAttributes; + "ic-navigation-item": LocalJSX.IntrinsicElements["ic-navigation-item"] & JSXBase.HTMLAttributes; + "ic-navigation-menu": LocalJSX.IntrinsicElements["ic-navigation-menu"] & JSXBase.HTMLAttributes; + "ic-page-header": LocalJSX.IntrinsicElements["ic-page-header"] & JSXBase.HTMLAttributes; + "ic-pagination": LocalJSX.IntrinsicElements["ic-pagination"] & JSXBase.HTMLAttributes; + "ic-pagination-bar": LocalJSX.IntrinsicElements["ic-pagination-bar"] & JSXBase.HTMLAttributes; + "ic-pagination-item": LocalJSX.IntrinsicElements["ic-pagination-item"] & JSXBase.HTMLAttributes; + "ic-popover-menu": LocalJSX.IntrinsicElements["ic-popover-menu"] & JSXBase.HTMLAttributes; + "ic-radio-group": LocalJSX.IntrinsicElements["ic-radio-group"] & JSXBase.HTMLAttributes; + "ic-radio-option": LocalJSX.IntrinsicElements["ic-radio-option"] & JSXBase.HTMLAttributes; + "ic-search-bar": LocalJSX.IntrinsicElements["ic-search-bar"] & JSXBase.HTMLAttributes; + "ic-section-container": LocalJSX.IntrinsicElements["ic-section-container"] & JSXBase.HTMLAttributes; + "ic-select": LocalJSX.IntrinsicElements["ic-select"] & JSXBase.HTMLAttributes; + "ic-side-navigation": LocalJSX.IntrinsicElements["ic-side-navigation"] & JSXBase.HTMLAttributes; + "ic-skeleton": LocalJSX.IntrinsicElements["ic-skeleton"] & JSXBase.HTMLAttributes; + "ic-skip-link": LocalJSX.IntrinsicElements["ic-skip-link"] & JSXBase.HTMLAttributes; + "ic-status-tag": LocalJSX.IntrinsicElements["ic-status-tag"] & JSXBase.HTMLAttributes; + "ic-step": LocalJSX.IntrinsicElements["ic-step"] & JSXBase.HTMLAttributes; + "ic-stepper": LocalJSX.IntrinsicElements["ic-stepper"] & JSXBase.HTMLAttributes; + "ic-switch": LocalJSX.IntrinsicElements["ic-switch"] & JSXBase.HTMLAttributes; + "ic-tab": LocalJSX.IntrinsicElements["ic-tab"] & JSXBase.HTMLAttributes; + "ic-tab-context": LocalJSX.IntrinsicElements["ic-tab-context"] & JSXBase.HTMLAttributes; + "ic-tab-group": LocalJSX.IntrinsicElements["ic-tab-group"] & JSXBase.HTMLAttributes; + "ic-tab-panel": LocalJSX.IntrinsicElements["ic-tab-panel"] & JSXBase.HTMLAttributes; + "ic-text-field": LocalJSX.IntrinsicElements["ic-text-field"] & JSXBase.HTMLAttributes; + "ic-theme": LocalJSX.IntrinsicElements["ic-theme"] & JSXBase.HTMLAttributes; + "ic-toast": LocalJSX.IntrinsicElements["ic-toast"] & JSXBase.HTMLAttributes; + "ic-toast-region": LocalJSX.IntrinsicElements["ic-toast-region"] & JSXBase.HTMLAttributes; + "ic-toggle-button": LocalJSX.IntrinsicElements["ic-toggle-button"] & JSXBase.HTMLAttributes; + "ic-toggle-button-group": LocalJSX.IntrinsicElements["ic-toggle-button-group"] & JSXBase.HTMLAttributes; + "ic-tooltip": LocalJSX.IntrinsicElements["ic-tooltip"] & JSXBase.HTMLAttributes; + "ic-top-navigation": LocalJSX.IntrinsicElements["ic-top-navigation"] & JSXBase.HTMLAttributes; + "ic-typography": LocalJSX.IntrinsicElements["ic-typography"] & JSXBase.HTMLAttributes; } } } diff --git a/packages/web-components/src/components/ic-action-chip/test/basic/__snapshots__/ic-action-chip.spec.ts.snap b/packages/web-components/src/components/ic-action-chip/test/basic/__snapshots__/ic-action-chip.spec.ts.snap index 15043b6b184..796c8ce7760 100644 --- a/packages/web-components/src/components/ic-action-chip/test/basic/__snapshots__/ic-action-chip.spec.ts.snap +++ b/packages/web-components/src/components/ic-action-chip/test/basic/__snapshots__/ic-action-chip.spec.ts.snap @@ -2,7 +2,7 @@ exports[`ic-action-chip component render with correct \`type\` when prop defined 1`] = ` -